Các bạn có thể xem demo bằng cách thử clock chuột phải vào hình ảnh bên cạnh (Lưu ý demo chỉ có tác dụng trong bài viết này)
» Làm thế nào để chống click chuột phải lên hình ảnh trong blogger?
Trong bài viết này mình sẽ hướng dẫn cho các bạn 2 cách để các bạn lựa chọn:
Cách 1: Disable right click context menu on images
Để làm được như vậy các bạn làm như sau:
5- Thêm đoạn code bên dưới vào trước thẻ đóng </head>
<script type="text/javascript">
//<![CDATA[
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Disable context menu on images by GreenLava (http://namkna.blogspot.com/)
Version 1.0
You are free to copy and share this code but please do not remove this credit notice.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
function nocontext(e) {
var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
if (clickedTag == "IMG") {
alert(alertMsg);
return false;
}
}
var alertMsg = "Image context menu is disabled";
document.oncontextmenu = nocontext;
//]]>
</script>
Trong đó:
- Bạn có thể thay thế tin nhắn trong hộp thông báo dạng popup thành bất cứ câu từ nào bạn muốn. Chỉnh sửa bằng cách chỉnh đoạn màu xanh.
-
Nếu bạn không muốn hiển thị bảng thông báo đó thì hãy xóa đoạn code :
var alertMsg = "Image context menu is disabled";
-
Để vô hiệu hóa trên một hình ảnh cố định bạn phải thêm đoạn code bên dưới vào trong thẻ img của hình ảnh
oncontextmenu='alert("Image context menu is disabled");return false;'
– Mở trình soạn thảo của bài viết vào chuyển xanh chế độ HTML của bài viết, Xác định vị trí các thẻ img của hình ảnh, Sau đó chèn các mã bên trên vào bên trong thẻ ví dụ
<img border="0" src="http://4.bp.blogspot.com/-g3F1n-WhX64/UR-hPEi-LKI/AAAAAAAAI6k/4Wx_79knSpc/s1600/banner-namkna-blogspot-com.png" />
Sau khi thêm đoạn code vào nó sẽ có dạng như sau:
<img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="http://4.bp.blogspot.com/-g3F1n-WhX64/UR-hPEi-LKI/AAAAAAAAI6k/4Wx_79knSpc/s1600/banner-namkna-blogspot-com.png" />
Lưu mẫu lại và xem kết quả.
Cách 2: Chống click chuột phải lên hình ảnh.
<script> $(function() { $('img').bind("contextmenu", function(event_click) { event_click.preventDefault(); }); }); </script> <!-- http://namkna.blogspot.com/2013/10/chong-click-chuot-phai-len-hinh-anh.html -->
THAM KHẢO THÊM CÁC SẢN PHẨM HOT NHẤT HIỆN NAY Giày Cafe SHOEX Hạ Khang Đường - Ổn định đường huyết Saffron Extra White Cốc Nguyệt San BEUCUP Maxi White Fysoline - Nước muối sinh lý dành cho bé sơ sinh và trẻ nhỏ Mặt nạ thon mặt Vline Finava - Tinh chất vàng sáng da, trị nám ngăn ngừa lão hoá Trị Mụn Caryophy Rong Nho Sabudo Son YUMEISAKURA Máy Khử Mùi MARKEL Orlavi - Làm mờ sẹo Dottorprimo - Trị các vết sẹo nặng ZEN - Sản phẩm giúp hỗ trợ giảm căng thẳng Nồi Chiên Không Dầu COSORI Nồi Chiên Không Dầu LOTTE Dưỡng Trắng RealWhite Máy rửa mặt Pebble Lisa Dầu Gội Nature Quen - Sao Thái Dương