浅谈 Mousewheel 事件_javascript技巧

Mousewheel Event in JavaScript

  1. IE6, IE7, IE8, Opera 10+, Safari 5+ support mousewheel.
  2. Firefox 3.5+ support DOMMouseScroll.
  3. IE6, IE7, IE8, Opera 10+, Safari 5+ support event.wheelDelta.
  4. Firefox 3.5+, Opera 10+ support event.detail.
  5. The event.wheelDelta value is a multiple of 120.
  6. The event.detail value is a multiple of 3.

Mousewheel Event: mousewheel

Mousewheel Event: DOMMouseScroll

Related Articles: http://www.planabc.net/2010/08/12/mousewheel_event_in_javascript/

时间： 2024-09-20 17:57:33

浅谈 Mousewheel 事件_javascript技巧的相关文章

根据一段代码浅谈Javascript闭包_javascript技巧

复制代码 代码如下: function f1(){ var n = 999; nAdd = function(){ n += 1; } function f2(){ alert(n); } return f2; } 这里的闭包是f1,封闭了一个变量n和一个函数f2. 我们先无视nAdd,尽量保持原貌重写一下这个函数. 复制代码 代码如下: function f1(){ var n = 999; var f2 = function(){ alert(n); }; return f2; } var

浅谈javascript的Touch事件_javascript技巧

js的touch事件,一般用于移动端的触屏滑动 复制代码 代码如下: $(function(){document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1);} touchstart:当手指触摸屏幕时触发:即使已经有一个手指放在了屏幕上也会触发. touchmove:当手指在屏幕上滑动时连续的触发.在这个事件发生期间,调用preventDefault()可阻止滚动. to

浅谈JavaScript事件绑定的常用方法及其优缺点分析_javascript技巧

传统方式  element.onclick = function(e){ // ... };  1.  传统绑定的优点 非常简单和稳定,可以确保它在你使用的不同浏览器中运作一致 处理事件时,this关键字引用的是当前元素,这很有帮组 2. 传统绑定的缺点 传统方法只会在事件冒泡中运行,而非捕获和冒泡 一个元素一次只能绑定一个事件处理函数.新绑定的事件处理函数会覆盖旧的事件处理函数 事件对象参数(e)仅非IE浏览器可用 W3C方式  element.addEventListener('click'

浅谈setTimeout 与 setInterval_javascript技巧

最新写代码中时,看到项目中有人用到了 setTimeout(fun,0),于是想总结一下.个人理解,如果有错误的地方还请指出.THX 要想理解JavaScript的定时器是如何工作的,先要明白 JavaScript 引擎是单线程的.这个可以理解为 javascript 引擎是一个服务员,它有一个服务的队列,所有的界面元素事件,定时触发器回调,异步请求回调都要在这个任务队列里排队,等待处理.所有任务都是一个最小单位,不会中断处理.这样就可以理解 setTimeout(fun,0) 了,它并不是代表

浅谈javascript属性onresize_javascript技巧

浅谈javascript属性onresize //获取屏幕宽度并动态赋值 var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = docum

佛山SEO:浅谈关键词策略与技巧

佛山SEO浅谈关键词策略与技巧(SEO及其关键词策略): 虽然关键词元标签是排名前列的金钥匙时代已经一去不复返,但关键词技术仍然是良好SEO的关键技术之一.只是它们的应用范畴发生了变化而已,SEO不再会把多个关键词堆砌在元标签中以获得高排名,而是去发现那些对业务最有意义的关键词,并用之于提高网站流量.关键词是用户在搜索相关页面时使用的单词或短语,也是搜索引擎在建立索引表要使用的单词.选择关键词是最重要的SEO任务之一,但往往缺乏讨论和研究.没有正确的关键词,SEO工作将事倍功半. 要了解消费者要

浅谈javascript事件取消和阻止冒泡

这篇文章主要介绍了浅谈javascript事件取消和阻止冒泡的方法和示例,有需要的小伙伴可以参考下.     取消默认操作 w3c的方法是e.preventDefault(),IE则是使用e.returnValue = false; 在支持addEventListener()的浏览器中,也能通过调用时间对象的preventDefault()方法取消时间的默认操作.不过,在IE9之前的IE中,可以通过设置事件对象的returnValue属性为false来达到同样的效果.下面的代码假设一个事件处理程

浅谈Javascript鼠标和滚轮事件_javascript技巧

a)鼠标事件 鼠标事件也许是web页面当中最常用到的事件,因为鼠标是最常用的导航设备,在DOM3级事件上定义了9个鼠标事件,分别为: click:当用户点击鼠标主键通常是指鼠标左键或按回车键时触发. dbclick:当用户双击鼠标主键时发生触发,这个事件并没有在DOM2级事件中定义但是却被普遍支持了,后来在DOM3级中得到了标准化. mousedown:当用户按下鼠标任意一个键都会触发,这个事件是不能够通过键盘触发的. mouseenter:当鼠标图标从元素外移动至元素边界内时触发.该事件不支持

解析javascript中鼠标滚轮事件_javascript技巧

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