如何禁用左键点击鼠标使用jQuery的div？

Question

我正在使用此代码，但它不工作。 Jquery Code：我为captcha创建div，我不想复制或选择此内容（验证码）。

$(document).ready(function() { 
    $("#lo").on("contextmenu",function(e){ 
     return false; 
    }); 
}); 

HTML代码： -

<div id="lo">CAPTCHACODE2321</div> 

Answer 1

您可以在体内或在特定的div添加一个简单的CSS3规则，使用"pointer-events: none;"属性。

Check this sample code

Answer 2

试试这个它防止点击它显示为正常鼠标指针悬停时的超链接。

<div id="lo" style="pointer-events:none;">wwww</div> 

Answer 3

一种方法是在css中禁用pointer-events，因此不会生成任何事件。

#lo { pointer-events: none; } 

的元素是永远鼠标事件的目标;然而，鼠标事件 可能会针对其后代元素，如果这些后代具有 指针事件设置为其他值。在这些情况下，鼠标事件将触发该父元素上的事件侦听器，如 适合在事件 捕获/冒泡阶段期间往/返子孙的路上。

另一种方法是捕捉点击并禁用默认浏览器行为。

$(document).ready(function() { 
    $("#lo").on("click",function(e){ 
     e.preventDefault(); 
     return false; 
    }); 
}); 

Answer 4

你可以试试下面的代码

HTML

<div id="lo" classs="preventLeftClick">wwww</div> 

jQuery的

$('.preventLeftClick').on('click', function(e){ 
    e.preventDefault(); 
    return false; 
}); 

注：你可以请将此与任何数量的div s一起使用。你只需要添加类preventLeftClickdiv只有