Tạo hộp thoại cảnh báo khi click chuột phải

Xin chào các bạn, hôm nay mình lại quay lại với chuyên đề Thủ Thuật Blogspot nhé! Bài hôm ny thì mình sẽ hướng dẫn các bạn tạo hộp thoại cảnh báo khi Click chuột phải trên Blog của các bạn nhé! Vào thẳng cách làm luôn nhé! Mà phải đọc qua Thumbnail mới đến cách làm... Demo các bạn có thể Click chuột phải ở bài này để xem Demo nhé!
Tạo hộp thoại cảnh báo khi click chuột phải

Các Bước Thực Hiện

Bước 1: Vào trang chủ Blogger > Mẫu > Chỉnh Sửa HTML.
Bước 2: Bấm tổ hợp phím Ctrl + F. Tìm đến thẻ </body>.
Bước 3: Copy đoạn Code dưới đây và dán vào trước thẻ vừa tìm.
<ul class="contextMenu" hidden="1">Dừng Lại!</ul>
<style>
ul.contextMenu{
    background: #fff;
    text-align: center;
    margin: 0;
    padding: 10px 20px;
border-radius:100px;
    color: #7577a9;
box-shadow:0 0 70px rgba(0,0,0,.25);
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    font-size: 24px;
    z-index: 999999;
position:fixed;
top:50%!important;
left:50%!important;
transform:translate(-50%,-50%);
pointer-events:none
  }
</style>
<script type="text/javascript">
function copyTextToClipboard(e){var t=document.createElement("textarea");t.style.position="fixed",t.style.top=0,t.style.left=0,t.style.width="2em",t.style.height="2em",t.style.padding=0,t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",t.value=e,document.body.appendChild(t),t.select();try{document.execCommand("copy"),alert("Đã sao chép liên kết!")}catch(o){alert("Không thể sao chép liên kết!")}document.body.removeChild(t)}function CopyLink(){copyTextToClipboard(location.href)};
  $(document).bind("contextmenu", function(event) {
    event.preventDefault();
    $("ul.contextMenu")
        .show();
});
$(document).click(function() {
  isHovered = $("ul.contextMenu").is(":hover");
  if (isHovered == false){
    $("ul.contextMenu").fadeOut(100);
  }
});
</script>
Bước 4: Lưu mẫu.

Lời Kết

Vừa rồi với vài bước đơn giản thì các bạn đã hiển cảnh báo khi bấm chuột phải và chống click chuột phải rồi! Chúc các bạn thành công...
Source: BSW


Cùng tham gia bình luận bài viết này nhé!

Loading...