如何如何禁用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

 

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