js鼠标滚轮事件禁止默认行为preventDefault，兼容各大浏览器

浏览：903次- 评论：4次- 发布时间：2020-09-12

Html

Css

滚动鼠标滚轮以查看效果
滚动鼠标

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.11.3

立即下载收藏

积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

代码描述：谷歌滚动Unable to preventDefault inside passive event listener due to target being treated as passive.

此代码主要解决chrome滚动unable to preventdefault inside passive event listener due to target being treated as passive.的问题，由于chrome出于性能的考虑，移动端部分事件不会处理禁止默认行为。所以在绑定事件是需要声明行为不是被动的window.addeventlistener('mousewheel', scrollfunction, { passive: false });jquery的绑定事件无法处理passive，故需要用原生js。另外部分事件，如touchmove可以通过样式 touch-action:none;来禁止默认事件。