这篇文章主要介绍“鼠标滚轮事件和Mac触控板双指事件怎么实现”，在日常操作中，相信很多人在鼠标滚轮事件和Mac触控板双指事件怎么实现问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”鼠标滚轮事件和Mac触控板双指事件怎么实现”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！1. 用哪个事件The wheel event fires when the user rotates a wheel button on a pointing device (typically a mouse). This event replaces the non-standard deprecated mousewheel event.以前常使用的mousewheel事件已经逐渐被官方废弃了，改用wheel事件代替，所以这里会优先使用wheel，并向下兼容。另外，即使是wheel事件，各浏览器的表现也可能不尽相同，都是各大浏览器自己的规范，官方并没有一个标准，虽然我也不知道为什么。2. 兼容写法
这个是MDN 上推荐的兼容写法，可以看到这几个事件的顺序是 wheel > mousewheel > DOMMouseScroll。如果使用wheel事件，event不做处理。否则，重新封装了event。3. 方向判断鼠标滚轮的话，只有上、下两个方向，但是如果是触摸板的双指行为的话，除了上、下以外，还有左、右方向，以及双指向内收缩、向外扩张四种情况，接下来，就对这几种情况做判断处理。
经过测试，delta是用来判断方向最好的一个值，wheelDelta和detail都有各自的兼容等问题。deltaX是左右方向的滑动，deltaY是上下方向。向里收缩是和向下滚动相同，向外扩张是和向上滚动相同。这是正常的用户习惯，但是麻烦的是事实刚好和我们的习惯相反，这样单纯依靠deltaY来判断是区分不开的。经过测试ctr免费云主机域名lKey这个字段只有在双指方向不一致时，才会为true。这样就能区分开了，从而产生了6种情况，逐一处理。所以上面的兼容写法还需要将ctrlKey返回。这个问题解决了，之后会抽时间把K线图的代码整理一下。到此，关于“鼠标滚轮事件和Mac触控板双指事件怎么实现”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！
相关推荐: 怎么用css实现文字内容若超出设定宽度则用省略号代替余下内容
这篇文章主要介绍了怎么用css实现文字内容若超出设定宽度则用省略号代替余下内容，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。 .content.navleft.histiry>ul{ …
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
