如何禁用在div中单击

出于多种原因,我需要禁用单击div元素中的某些内容。 例如,由于点击广告攻击。 我仍然希望它可见。

请考虑以下代码段: –

 
something should be here, i do not want to be clicked

如何禁用左键单击该div的能力?

可以使用的CSS属性是:

 pointer-events:none 

!重要事项请注意,Opera Mini和IE 10及以下版本(包括)不支持此属性。 这些浏览器需要另一种解决方案。

jQuery METHOD如果你想通过脚本而不是CSS属性禁用它,这些可以帮助你:如果你正在使用jQuery版本1.4.3+:

 $('selector').click(false); 

如果不:

 $('selector').click(function(){return false;}); 
  • 引用自: jquery – 禁用单击

如果你想在纯CSS中使用它:

 pointer-events:none; 

试试这个:

 pointer-events:none 

在指定的HTML元素上添加以上内容将阻止所有单击,状态和光标选项。

http://jsfiddle.net/4hrpsrnp/

 

如何禁用单击另一个div单击直到第一个弹出div关闭

在此处输入图像描述

  

One

Two

如果使用functiononclick DIV然后想要禁用再次单击它你可以使用这个:

 for (var i=0;i 

示例:
HTML

 
Click Me

使用Javascript

 document.getElementById('mybutton').onclick = function () { alert('You clicked'); this.onclick = false; }