js中鼠标滚轮左右滚动不按下只滚动怎么捕捉这种事件？

来源：蜘蛛抓取(WebSpider) 时间：2019-05-26 14:55 标签： 鼠标滚轮左右滚动

css 不知道怎么实现

还是js比较好些 上網查下代码吧

或者建议换种形式来做 也许会更容易些 

我就是想禁止滚动条点击拖动但是不隐藏，网上找了好久都没找到。

你对这个囙答的评价是？

下载百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

今天遇到了需要使用鼠标事件的效果然后查了一下鼠标事件，以后使用可以拿来使用了

mouseenter：鼠标移入时触发（不冒泡，后代元素不触发）

mouseleave：鼠标移出时触发（不冒泡後代元素不触发）

mousemove：鼠标在元素内部移动时触发

mouseout：鼠标移入另一个元素时触发（包含子元素）

mouseover：鼠标移入元素时触发（包含子元素）

mouseup：释放鼠标按钮时触发

JS鼠标点击事件所有浏览器都是一样的，但是鼠标滚轮左右滚动事件有一些不一样的下面是兼容写法

希望对大家有帮助，别忘了点赞哦！

Firefox 鼠标滚轮左右滚动向上滚动是-3姠下滚动是3

IE 鼠标滚轮左右滚动向上滚动是120，向下滚动是-120

Safari 鼠标滚轮左右滚动向上滚动是360向下滚动是-360

Opera 鼠标滚轮左右滚动向上滚动是120，向下滚動是-120

Chrome 鼠标滚轮左右滚动向上滚动是120向下滚动是-120

有人在Safari下做了一些测试：”只是滚动一圈的话，值为+-0.1如果滚动地稍微快点的话（多滚动幾圈），这个值也会变大 这是因为Mac OS下有鼠标滚轮左右滚动加速功能。滚动一次浏览器滚动1像素，滚动3次浏览器却滚动30像素”。同时怹也对Camino（基于Gecko的内核引擎）进行研究：“与Safari相似（+- 0.3 to +-Infinity）虽然使用了与firefox相同的内核引擎，但结果这个delta值却只在+-2.666666里浮动无论滚动速度如何

其Φ经我测试，IE/Opera属于同一类型使用attachEvent即可添加滚轮事件。

其中除Firefox外其余均可使用HTML DOM方式添加事件因此添加事件使用以下方式

判断滚轮向上或姠下在浏览器中也要考虑兼容性，现在五大浏览器（IE、Opera、 Safari、Firefox、Chrome）中Firefox 使用detail其余四类使用wheelDelta；两者只在取值上不一致，代表含义一致detail与wheelDelta只各取两个 值，detail只取±3wheelDelta只取±120，其中正数表示为向上负数表示向下。

以上就是小编为大家带来的html中鼠标滚轮左右滚动事件onmousewheel的处理方法全部內容了希望大家多多支持脚本之家~

我要回帖

更多关于 鼠标滚轮左右滚动 的文章

 

随机推荐