Hiện popup cảnh báo khi nhấn chuột phải trên Blogspot
/ lúc / 8 bình luận
Ra mắt BSW Community - trang đăng bài tự do dành cho bạn, thoải mái trao đổi, đặt câu hỏi, thắc mắc, viết bài viết mới hay thậm chí rao vặt, buôn bán. Click trải nghiệm ngay!
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!

BÌNH LUẬN VỀ BÀI VIẾT (8)

avatar
Deva IT BLOG

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ỜI
avatar
Trường Nguyễn

Không nhe, vẫn không click được!

TRẢ LỜI
avatar
Deva IT BLOG

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

TRẢ LỜI
avatar
Trường Nguyễn

Em thử trên blog anh xem :3

TRẢ LỜI
avatar
Trung Phạm

đang cần cái này <3

TRẢ LỜI
avatar
Trung Phạm

Mình khoái cái right click menu, trông nó rất chuyên nghiệp. Cám ơn Trường nhiều <3

TRẢ LỜI
avatar
Trường Nguyễn

Okey!!! ^^

TRẢ LỜI

THAM GIA TRANH TOP BÌNH LUẬN NGAY!

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.