HTML5是如何使用鼠标滚轮事件的

2014-11-24 13:09:54 · 作者: · 浏览: 2

你我都知道在HTML5网页中添加鼠标滚轮事件能够更好的让用户与网页进行交互操作。而在HTML5中,鼠标滚轮并不仅仅就只能上下滑动网页,实际上你还可以依靠这个完成更多的功能,比如视野平面的放大与缩小。



看看实际演示效果




现在来添加鼠标滚轮事件处理代码




为了让不同浏览器都能支持的处理做法



在下面这个案例中,我们将对Firefox的detail值取反然后返回1或者-1的其中一个






忘了说,上面的代码在任何浏览器都是运行正常的,包括IE6,7,8。但是Safari用户就没法看到什么实际东西了:(