如何使用jquery禁用鼠标左键单击？

Question

我正在使用此代码，但它无效。 Jquery代码：我为captcha创建div我不想复制或选择这个内容（Captcha代码）。

$(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一起使用。您只需要将preventLeftClick类添加到仅div