如何如何禁用div不能点击？div disabled不能点击 不能click div禁用无效

本文主要是介绍如何如何禁用div不能点击？div disabled不能点击 不能click div禁用无效，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

div经常会被用来做按钮，有时候我们需要禁用按钮，让它不可被点击，一般我们会想到用disabled属性：

$(".btn").attr("disabled", true); //设置禁用
//经过测试根本没用！div设置了这个属性与click事件无关，照样能点击

网上搜索一大把都是这样写的，然而根本没用！！设置为disabled了照样可以点击。那些转帖的人根本不动脑子。

至于为什么没用，具体的原因我也不清楚，猜测大概对于div而言，disabled只是让它内部的元素禁用吧，而对于本身的事件毫无影响，事实反正就是这样的，有兴趣深入了解的可以写个代码测试下。

说了这么多现在给出标准答案吧。

设置禁用：

$(".btn").css("pointer-events","none"); 

解禁：

$(".btn").css("pointer-events","");  

如果要优雅点可以建立个class，然后用addClass和removeClass

 

不过这个解决方案看起来怪怪的，应该还有其他方法，如果各位知道的话请留言告知。

这篇关于如何如何禁用div不能点击？div disabled不能点击 不能click div禁用无效的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---