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!
Mọi bài viết đều thuộc bản quyền Bác Sĩ Windows, được viết bởi Admin. Hãy thể hiện mình là người văn minh, có văn hóa bằng cách copy ghi rõ "Nguồn: www.bacsiwindows.com". Tìm hiểu thêm
Tác giả: Vũ Trường
Ngày đăng: 8/6/18 lúc
Tổng số bình luận: 0
VỀ TÁC GIẢ
Với nhiều năm kinh nghiệm, chúng tôi sẵn sàng đáp ứng nhu cầu của khách hàng với những tiêu chí hàng đầu là Uy tín - Chất lượng - Lòng tin. Đã có nhiều người tin tưởng và sử dụng dịch vụ cao cấp của chúng tôi, bạn có phải là người tiếp theo?

BÌNH LUẬN (0)