Không cho phép click chuột phải lên blog

Bạn có thể thêm chức năng không cho phép bấm chuột phải lên blog của bạn, hoặc có thể cho phép bấm chuột phải lên blog nhưng không cho phép bấm chuột phải lên hình ảnh. Có khá nhiều cách khác nhau để thực hiện được việc này. Chủ yếu là dùng các đoạn mã HTML và JavaScript.

1. KHÔNG CHO PHÉP CLICK CHUỘT PHẢI LÊN HÌNH ẢNH
Có 2 cách:

a. Cách 1: Đơn giản nhất là mỗi khi bạn chèn hình ảnh vào blog, bạn thêm đoạn mã màu đỏ sau:
<img src=”…” oncontextmenu=”return false;”>

b. Cách 2: Bạn sử dụng một đoạn JavaScript như sau

<SCRIPT LANGUAGE=”JavaScript”>
function right(e) {
var msg = “Xin lỗi, bạn không thể bấm chuột phải lên hình ảnh trên trang này!”;
if (navigator.appName == ‘Netscape’ && e.which == 3) {
alert(msg);
return false;
}
if (navigator.appName == ‘Microsoft Internet Explorer’ && event.button==2) {
alert(msg);
return false;
}
else return true;
}
function protect_image()
{
if(document.images)
{
for(i=0;i<document.images.length;i++)
{
document.images[i].onmousedown = right;
document.images[i].onmouseup = right;
}
}
}
</SCRIPT>

Đoạn mã JavaScript này bạn đặt giữa <head></head>, đồng thời bạn tìm đến thẻ <body> thêm vào dòng lệnh màu đỏ như sau:
<body onLoad=”protect_image()”>

Nhận xét: Cách 1 đơn giản hơn cách 2. Cả 2 cách đều không cho phép bấm chuột phải lên các hình ảnh hiển thị trên blog, tuy nhiên vẫn cho phép bấm chuột phải lên blog.

2. KHÔNG CHO PHÉP CLICK CHUỘT PHẢI LÊN BLOG
Nếu bạn không muốn cho người khác bấm chuột phải lên blog của bạn, bạn có thể thêm chức năng không cho phép bấm chuột phải lên blog. Bạn sử dụng một trong hai cách sau:

a. Cách 1:
Cách làm này khá đơn giản. Bạn tìm đến thẻ <body> thêm vào dòng lệnh màu đỏ như sau:
<body oncontextmenu=”return false;”>

b. Cách 2:
Bạn sử dụng một trong hai đoạn mã sau

Đoạn mã 1

<SCRIPT LANGUAGE=”JavaScript”>
function right(e) {
if (navigator.appName == ‘Netscape’ &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == ‘Microsoft Internet Explorer’ &&
(event.button == 2 || event.button == 3)) {
alert(“Xin lỗi, bạn không thể bấm chuột phải trên trang này!”);
return false;
}
return true;
}
document.onmousedown=right;
document.onmouseup=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
window.onmousedown=right;
window.onmouseup=right;
// End –>
</script>

Đoạn mã 2

<script language=”JavaScript”>
var message=”Xin lỗi, bạn không thể bấm chuột phải trên trang này!”;
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
</script>

Bạn đặt đoạn mã JavaScript này giữa hai thẻ: <head></head>

(Đặng Quốc Khánh)

7 phản hồi

  1. Cám ơn rất nhiều. Mình đã làm được theo hướng dẫn của bạn.

    Nếu bạn biết cách nào đừng cho dấu chuột không có hiệu lực khi đưa chuộc đến vị trí trên hình ảnh, vui lòng chỉ giúp nhé. Xin cảm ơn rất nhiều.

  2. Ngăn con trỏ chuột (pointer) hiển thị khi lướt qua hình ảnh thì quả thật tôi bó tay.
    Tâm sự với bạn “vanpham” điều này, với thủ thuật trên thì rõ ràng ngăn được việc click chuột phải lên hình ảnh và lên blog; nhưng trên thực tế, với trình độ IT của nhiều người thì thủ thuật này chỉ gây chút phiền hà chứ không hề gây khó khăn với những ai đã muốn save lại “sản phẩm” của bạn. Hy vọng “vanpham” tìm ra giải pháp khác khả thi hơn (ví dụ như đóng dấu lên hình ảnh chẳng hạn, :D)
    Chào đón bạn “vanpham”!

  3. yeah! cám ơn bạn đã hồi âm.
    Vậy là wordpress có chức năng làm cho chuột không có hiệu lực khi di chuyển đến vị trí hình ảnh nhỉ? Blogger ko được khâu này rùi…hic…hic…
    Cám ơn bạn rất nhiều về các bài viết bổ ích.

  4. Ơh, hình như wordpress không có chức năng disable chuột khi lướt qua image đâu bạn “vanpham”.

  5. Bạn “Cuong349” thật chu đáo. Cám ơn đã vào thăm “nồi niêu” và để lại ý kiến cả hồi âm về vấn đề mình hỏi.
    Mình có di chuyển chuột lên các tấm hình trên blog này của bạn nhưng chuột vẫn không thay đổi gì cả….cũng không mở to hình ra được.
    Chúc ngày càng có nhiều bài viết hay.

  6. bạn ak sao cái này ko sd dc trong blogtiengvietviet.net

  7. muốn làm cho wordpress thì mình phải làm như thế nào vậy, thẻ head nó nằm chỗ nào… bạn hướng dẫn mình chi tiết chút được ko

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: