如何通过jQuery禁止div元素的点击事件？

本文共计340个文字，预计阅读时间需要2分钟。

禁止div的方法：

1.使用jQuery的off()方法：使用off()方法移除绑定到div上的事件处理函数，从而使其不可交互。

2.使用CSS的pointer-events属性：通过设置div的CSS样式为pointer-events: none;来禁止鼠标事件在div上触发。

具体实现：

- 方法1：`$(div).off();`- 方法2：`$(div).css('pointer-events', 'none');`

在Windows 7系统、jQuery 3.2.1版本、DELL G3电脑上，可以使用上述方法禁止div。

jquery禁止div的方法：1、使用JQuery的off()方法禁用div；2、使用JQuery结合CSS的“pointer-events: none;”实现禁用div即可。

本文操作环境：windows7系统、jquery3.2.1版、DELL G3电脑

jquery怎么禁止div？

使用JQuery禁用div的两种方法

第一种方法：

使用JQuery的off()方法：

$('#example').off('click');

使用此方法后如果想重新启用，还要重新给'#example'添加绑定事件，即：

$('#example').on('click', function() { //...事件代码... }

第二种方法：

使用JQuery结合CSS的'pointer-events: none;'实现：

.p-not-click { pointer-events: none; }

// 禁用p $('#example').addClass('select-not-click'); // 启用p $('#example').removeClass('select-not-click');

个人推荐使用第二种

推荐学习：《jquery视频教程》