摘要: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript onmousewheel鼠标滚轮示例</title> 6 <style> 7 #div1 { width:100px; height:10 阅读全文
posted @ 2018-01-25 17:26 ysx_小鱼 阅读(178) 评论(0) 推荐(0) 编辑
摘要: firefox使用DOMMouseScroll,其他浏览器使用mousewheel 首先绑定一个滚动事件 当滚动时获取wheelDelta值,firefox使用detail:值为下滚3上滚-3,其他浏览器使用wheelDelta:值为下滚-120上滚120,通过判断其值为正或者负即可判断鼠标滚轮上滚 阅读全文
posted @ 2018-01-25 17:03 ysx_小鱼 阅读(253) 评论(0) 推荐(0) 编辑
摘要: IE/Opera属于同一类型,使用attachEvent即可添加滚轮事件。 Firefox使用addEventListener添加滚轮事件 。 Safari与Chrome属于同一类型,可使用HTML DOM方式添加事件 window.onmousewheel=document.onmousewhee 阅读全文
posted @ 2018-01-25 17:01 ysx_小鱼 阅读(946) 评论(0) 推荐(0) 编辑
摘要: 第一:简单的通用方法(IE && FF) 缺点:1.添加单一事件 2.不能删除事件 第二:IE中监听函数 第三:标准DOM监听函数 阅读全文
posted @ 2018-01-25 16:14 ysx_小鱼 阅读(143) 评论(0) 推荐(0) 编辑