EasyUI 禁止鼠标滚轮滑动事件
时间: 2023-09-23 12:03:54 浏览: 89
easyui datagrid 增加鼠标悬停弹窗事件
5星 · 资源好评率100%
要禁止EasyUI中某个组件的鼠标滚轮滑动事件,可以通过以下步骤实现:
1. 获取该组件的jQuery对象,例如:
```javascript
var $datagrid = $('#datagrid');
```
2. 找到该组件对应的原生DOM元素,例如:
```javascript
var datagrid = $datagrid[0];
```
3. 给该DOM元素绑定'wheel'事件,并阻止默认行为,例如:
```javascript
datagrid.addEventListener('wheel', function (e) {
e.preventDefault();
}, { passive: false });
```
这样就可以禁止该组件的鼠标滚轮滑动事件了。需要注意的是,事件绑定时需要设置passive选项为false,以便在事件处理函数中调用preventDefault()方法时生效。
阅读全文