(添加鼠标滚轮功能)使用DOMmouseScroll AND鼠标滚轮来调用函数
(ADD mousewheel functionality) using DOMmouseScroll AND mousewheel to call functions
我正在尝试创建一个函数,当鼠标滚轮向不同方向移动时,该函数会调用其他函数。我不知道如何实现这个
我最初将代码设置为能够处理mousewheel事件,但Firefox不支持mousewhele事件。所以我也需要一种使用DOMouseSoll的方法。如果有人可以的话,我希望它的设置方式与我已经设置的类似。
注意:我要求同时使用DOMmouseScroll和鼠标滚轮,所以我建议添加到我的代码中,但如果不能这样做,那就好了
这是我设置代码的方法:
$( '#container' ).on( 'mousewheel', function ( event ) {
// crude check to see events are supported
if ( typeof event.originalEvent.wheelDeltaX === 'undefined'
|| typeof event.originalEvent.wheelDeltaY === 'undefined' ) {
console.log( "could not find mouse deltas" );
return;
}
var deltaX = event.originalEvent.wheelDeltaX;
var deltaY = event.originalEvent.wheelDeltaY;
var scrolledLeft = deltaX < 0;
var scrolledRight = deltaX > 0;
var scrolledUp = deltaY < 0;
var scrolledDown = deltaY > 0;
if ( scrolledLeft ) { someFunction }
if ( scrolledRight ) { someOtherFunction }
if ( scrolledUp ) { anotherFunction }
if ( scrolledDown ) { andAnotherFunction }
});
我建议使用跨浏览器兼容的轮子事件来重新实现这一点。在现代浏览器中,mousescroll和DOMousewoll已经被弃用,取而代之的是这一新事件。请阅读该页面上的所有文档,了解详细信息以及跨浏览器兼容addWheelListener
功能的示例实现。
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 当鼠标悬停在文本中的单词上时显示警报
- JsFiddle上的鼠标事件不起作用
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- Selenium WebDriver and JavaScript change
- 将鼠标旋转限制为特定的度数
- 跟踪jqplot垂直折线图的鼠标位置
- node-webkit-从父窗口捕获iframe鼠标事件
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- Javascript-在视频中跟踪鼠标位置
- JQuery UI可拖动潜水与滚动棒到鼠标
- 如何在jquery中找到鼠标滚轮/触摸移动事件的走向
- PHP and Javascript functions
- Javascript Return and if/else
- 在鼠标悬停时展开列表
- SetTimeout and clearTimeout in Javascript
- jQuery悬停在没有鼠标悬停的情况下启动
- (添加鼠标滚轮功能)使用DOMmouseScroll AND鼠标滚轮来调用函数