如何禁用在div中单击

Question

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

请考虑以下代码段： -

<div class="ads">
something should be here, i do not want to be clicked
</div>

如何禁用左键单击div？

的能力

Answer 1

可以使用的CSS属性是：

pointer-events:none

<强>！重要 请记住，Opera Mini和IE 10及以下版本（包括）不支持此属性。这些浏览器需要另一种解决方案。

jQuery METHOD 如果你想通过脚本而不是CSS属性禁用它，这些可以帮助你： 如果您使用的是jQuery版本1.4.3 +：

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

如果不是：

$('selector').click(function(){return false;});

• 参考自： jquery - disable click

Answer 2

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

pointer-events:none;

Answer 3

试试这个：

pointer-events:none

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

http://jsfiddle.net/4hrpsrnp/

<div class="ads">
 <button id='noclick' onclick='clicked()'>Try</button>
</div>

Answer 4

您可以使用CSS

.ads{pointer-events:none}

或使用javascript阻止事件

$("selector").click(function(event){
   event.preventDefault();
});

Answer 5

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

enter image description here

response.setHeader("Content-Disposition", "attachment; filename=verifyDSC.jnlp");

Answer 6

如果使用onclick DIV函数，然后想再次禁用它，则可以使用以下方法：

for (var i=0;i<document.getElementsByClassName('ads').length;i++){
    document.getElementsByClassName('ads')[i].onclick = false;
}

示例：
HTML

<div id='mybutton'>Click Me</div>

JavaScript

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