滚轮事件onmousewheel

1、滚动条事件 : document.onscroll  = function() { }

2、滚轮事件 :document.onmousewheel = function (){ }  (firefox 不支持)

(1) event.wheelDelta > 0 :滚轮向上

(120)

(2) event.wheelDelta < 0 :滚轮向下

(-120)

DOMMouseScroll (使用addEventListener事件绑定)

(event.detail < 0:滚轮向上,event.detail > 0:滚轮向下)【firefox支持方法】

使用call引用对象 ,兼容火狐的滚轮事件

function  scroll (obj , fun ){

var down = 0;

if( window.navigator.userAgent.indexof( "Firefox" ) > -1 ){

obj.addEventListent ("DOMMouseScroll",fun_Nei , false );

}else {

obj.onmousewheel = fun_Nei ;

}

function fun_Nei (event ,down ){

if( event.detail ){

down += event.detail ;

}else{

down += event.wheelDetail ;

}

}

if(window.stopPropagation)

{

stopPropagation();

}else {

window.cancelBubble = true ;

}

return false ;

}

在其他地方,scroll() 函数外或另一个html文档里引用 scroll():

(1) :scroll ( 【document或具体对象】,   function (event , down ) {

.....使用down的值......

});

(2):function hans(event , down ) {

.....使用down的值......

}

scroll ( document【或具体对象】,  hans ) ;

时间: 2024-10-14 06:32:57

滚轮事件onmousewheel的相关文章

HTML中鼠标滚轮事件onmousewheel处理

滚轮事件是不同浏览器会有一点点区别,一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件,其他的浏览器滚轮事件使用mousewheel,下面我来给大家具体介绍. Firefox使用DOMMouseScroll,其他的浏览器使用mousewheel.滚动事件触发时Firefox使用detail属性捕捉滚轮信息,其他的浏览器使用wheelDelta.不知道为何在该问题上其他厂商和微软的如此一致.Firefox可

鼠标滚轮事件 onmousewheel

1.fiefox:DOMMouseScroll               detail      detail*(-40)=wheelDelta 除了firefox之外:mousewheel          wheelDelta值为+-120 未来浏览器:wheel                       deltaX deltaY deltaZ deltaY*(-120)=detail+(-40)=wheelDelta

鼠标滚轮事件

由于浏览器的不同,对鼠标滚轮事件也有所不同,大致可分为DOMMouseScroll 和onmousewheel两类 1.第一类是Firefox支持的DOMMouseScroll事件,此事件必须以addEventListener来绑定,当鼠标滚轮上下滚动时 ev.detail向上为-3,向下为3. 2.第二类是IE/chrome支持的onmousewheel事件,当鼠标滚轮上下滚动时 ev.wheelDelta向上为120,向下为-120.

动手封装一个滚轮事件吧!

/*滚轮事件函数封装*/ Object.prototype.onmousewheelhandlefun=function(handle){ var info=navigator.userAgent; var down=null; if(info.indexOf("Firefox")!=-1){ this.addEventListener("DOMMouseScrool",funciton(event){ var ev=event||window.event; if(

mousewheel滚轮事件

原生的滚轮事件:火狐与其他浏览器使用了不同的事件 /* * 滚轮事件只有firefox比较特殊,使用DOMMouseScroll; 其他浏览器使用mousewheel; * */ // firefox document.body.addEventListener("DOMMouseScroll", function(event) { var direction= event.detail && (event.detail > 0 ? "mousedown

js滚轮事件需要注意的兼容性问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #div { width: 300px; height: 300px; background: red; } </style> <script> function addEven

【事件】滚轮事件(DOM0级),向上 || 向下 ||滚动

//滚轮事件(DOM0级) $.fn.mouseScroll = function(obj) { if (obj) { var defaults = { up: $.noop, //向上滚动时 down: $.noop, //向下滚动时 wheel: $.noop, //滚动时 time: 700, //时间间隔(防止多次触发) isPropagate: true //是否传播 }; var param = $.extend(defaults, obj); var isRun = true; v

JS鼠标滚轮事件解析

一.不同浏览器的鼠标滚轮事件 首先,不同的浏览器有不同的滚轮事件.主要是有两种,onmousewheel(IE/Opera/Chrome支持,firefox不支持)和DOMMouseScroll(只有firefox支持) 另外在操作的过程中需要添加事件监听,兼容性写法 代码如下: /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); // W3C

JS鼠标滚轮事件

所有的现代浏览器都支持鼠标滚轮,并且在用户滚动滚轮时触发时间.浏览器通常使用鼠标滚轮滚动或缩放文档,但可以通过取消mousewheel事件来阻止这些默认操作.有一些互用性问题影响滚轮事件,但是编写跨平台的代码依旧可以行.除了Firefox之外的所有浏览器都支持“mousewheel”事件,但Firefox使用“DOMMouseScroll”,而3级DOM事件规范草案建议使用事件名“wheel”替代“mousewheel”. document.body.onmousewheel = functio