简单的鼠标滚轮事件

最新推荐文章于 2024-04-08 10:40:26 发布

weixin_30412013

最新推荐文章于 2024-04-08 10:40:26 发布

阅读量39

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webSong/p/6346566.html

function addEvent(obj,xEvent,fn) {
    if(obj.attachEvent){
      obj.attachEvent('on'+xEvent,fn);
    }else{
      obj.addEventListener(xEvent,fn,false);
    }
}

window.onload = function () {
  //接着利用我们自己封装的函数给div绑定事件，
  var oDiv = document.getElementById('div1');
  addEvent(oDiv,'mousewheel',onMouseWheel);
  addEvent(oDiv,'DOMMouseScroll',onMouseWheel);
  // 当滚轮事件发生时，执行onMouseWheel这个函数
  function onMouseWheel() {
    
  }
}

下面这个是借鉴的张鑫旭大神的思路

<div style='width:2000px'>
		woo就是拥有2000px的内容
		以下就是简单的滚动滚轮事件了，但是呢，在两大阵营浏览器中一个是120的一个3的，所以速度上不统一，那看张鑫旭大神是怎样做的。
</div>

document.body.onmousewheel = function(event) {
    event = event || window.event;
    console.dir(event);	
	this.innerText='123';
	this.innerHTML='123'
    };
	
	document.body.addEventListener("DOMMouseScroll", function(event) { //为了火狐也是拼了，还必须使用addEventListener去监听事件
    console.dir(event);	
	event.explicitOriginalTarget.data='123'
    });

转载于:https://www.cnblogs.com/webSong/p/6346566.html