如何禁用左鍵點擊鼠標使用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只有