给鼠标滚轮绑定滚动事件

var scrollFunc = function (e) {    var direct = 0;    e = e || window.event;    if (e.wheelDelta) {  //判断浏览器IE,谷歌滑轮事件        if (e.wheelDelta > 0) { //当滑轮向上滚动时            $("#footer").hide();        }        if (e.wheelDelta < 0) { //当滑轮向下滚动时           /* $("#footer").show();*/        }    } else if (e.detail) {  //Firefox滑轮事件        if (e.detail> 0) { //当滑轮向上滚动时            $("#footer").hide();        }        if (e.detail< 0) { //当滑轮向下滚动时           /* $("#footer").show();*/        }    }    ScrollText(direct);};//给页面绑定滑轮滚动事件if (document.addEventListener) {    document.addEventListener(‘DOMMouseScroll‘, scrollFunc, false);}//滚动滑轮触发scrollFunc方法window.onmousewheel = document.onmousewheel = scrollFunc;
时间: 2024-11-06 10:12:59

给鼠标滚轮绑定滚动事件的相关文章

js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)

最近做项目涉及到多个DIV切换效果,包括普通按钮点击切换和鼠标滚轮上下滚动切换等:其主要涉及到的内容就是鼠标滚轮上下切换的事件监听,此处是第一次接触到,故在此记录一下:也希望能帮到各位有需要的朋友. 以下为项目实例: $(function() { var count = $("#sysCount").val();    var isUp = false; // 初始化子系统模块    if (count > 6) {        $("#panel").cs

windows 修改鼠标滚轮自然滚动

在mac 上玩习惯了,使用windows 时的鼠标实在觉得别扭,在网上百度了一下,找到一个方法,这里记录一下 1 打开windows 的控制面板,点击“硬件和声音” 2 点击“鼠标” 3 然后点击上面的“硬件” 4 选择“设备”的一个,因为我也不知道哪个对应的是我的鼠标,所以先找一个来试,如果后面设置后没有生效,再选择一个设备来操作吧 选择一个设备,点击“属性” 5 点击“详细信息” 然后在“属性”里选择“设备实例路径“ 将”值“ 记录下来,或者不要关闭这个窗口,等一下有用 6 用root 权限

判断鼠标滚轮的滚动方向

function mousewheelHandler(e){ var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); console.log(delta > 0 ? "向上滚动" : "向下滚动"); } //for Firefox document.addEventListener("DOMMouseScroll", mousewheelHandler, fa

鼠标滚轮事件

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

HTML中鼠标滚轮事件onmousewheel处理

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

鼠标滚轮事件、鼠标按钮

鼠标滚轮兼容: /* 事件:DOMMouseScroll(W3C).onmousewheel(IE/Opera/ChromeS) 滚轮方向判断:wheelDelta(IE/Opera/Chrome).detail(Firefox) 滚轮方向值:wheelDelta(上:120,下:-120).detail(上:-3,下:3) ps:注意某些时候需要阻止滚动默认行为 */ /** * 鼠标滚轮 * @param o{object}                绑定滚轮事件的对象 * @param

对于鼠标滚动事件的扩充

本篇如题,是对上一个鼠标滚动事件的扩充 具体扩充内容: 1.可以添加点击元素(control_up/control_down)来控制页面的滚动 2.可以选择触发方式(点击.滚轮滚动.点击和滚轮滚动) //使用鼠标滚轮每次滚动浏览器大小的距离//obj格式{touch: click||scroll||click&scroll, control_up: id, control_down: id}//touch:什么触发方式,三个选项click/scroll/click&scroll:contr

鼠标滚轮事件的监听

鼠标滚轮事件的监听原理:判断鼠标滚轮的滚动获取一个值,根据这个值判断滚动的方向.分析:首先,判断滚轮方向.Firefox:detail,取值为-/+3(负值向上,正值向下):其他:wheelDelta,取值为+/-120(正值向上,负值向下).兼容所有浏览器的的封装: ? 1 2 3 4 5 6 7 8 9 10 function scrollEvent(ev){     ev = ev || window.event;     var data = '';     if(ev.wheelDel

winform鼠标滚轮事件

1 #region 进入窗体时加载 2 3 public FormAlarmInfoQuery() 4 { 5 InitializeComponent(); 6 pictureBox1.ImageLocation = "f:\\1.jpg"; 7 8 this.MouseWheel += new System.Windows.Forms.MouseEventHandler(this.panel1_MouseWheel); 9 //判断是否已安装带滚轮的鼠标 10 //SystemInf