Hiện popup cảnh báo khi nhấn chuột phải trên Blogspot

Chào các bạn, chào mừng đã quay trở lại với Bác Sĩ Windows - bacsiwindows.com/blog
Bài viết hôm nay mình sẽ hướng dẫn các bạn tạo popup cảnh báo hiện text khi người dùng click chuột phải trên trang. Thủ thuật này được tùy biến lại từ bài viết: Thủ thuật chống Copy bằng Menu chuột phải tuyệt đẹp cho Blogspot.
Hiện popup cảnh báo khi nhấn chuột phải trên Blogspot
Thủ thuật khá hay, chống được chuột phải lại còn hiện popup cảnh báo người ta! Để hình dung rõ hơn thì bạn thử click chuột phải trên bất kì vị trí nào ở trang này để xem Demo nhé!

Các bước thực hiện

Bước 1. Chèn CSS (trước ]]></b:skin>)
ul.contextMenu {
 background: #fff;
 text-align: center;
 margin: 0;
 padding: 10px 20px;
 border-radius: 100px;
 color: #ff6460;
 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
}
Bước 2. Chèn HTML và Javascript (sau <body)
<ul class='contextMenu' hidden='1'>NO! STOP!</ul>
<script type='text/javascript'>
// Right click show Popup by bacsiwindows.com
$(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>
Thay dòng chữ đỏ cho phù hợp theo ý bạn nhé!
Bước 3. Lưu mẫu

Chúc thành công!
Nhớ bấm "Thông báo cho tôi" bên trên để nhận thông báo qua Email khi Admin trả lời nhé.
  • Đây là khu vực quản trị, bạn không có quyền truy cập vào!
    1. Cài này nếu mà trang chưa load xong thì ấn chuột phải vẫn như thường anh ak

      Trả lờiXóa
      Trả lời
      1. Không nhe, vẫn không click được!

        Xóa
      2. v chắc Blog e có vấn đề..khi vừa kích load bài viết khác e nhanh tay nhấn chuột phải vẫn được..sau đó load xong thì k ấn dk nữa

        Xóa
      3. Em thử trên blog anh xem :3

        Xóa
    2. e chuột phải trên bài này đc mà a ?

      Trả lờiXóa
      Trả lời
      1. Do anh không sử dụng code này nữa đó em, em có thể thử trên blog demo khác.

        Xóa
    CÓ THỂ BẠN ĐANG TÌM