美文网首页
滚轮事件与浏览器内核

滚轮事件与浏览器内核

作者: sakatayui酱 | 来源:发表于2017-06-28 22:23 被阅读0次

    鼠标滚轮事件

    mousewheel事件,可以在任何元素上触发,最终会冒泡到document(IE8)window(IE9、Opera、Chrome等)对象。

    与mousewheel事件对应的event对象除了包含鼠标事件的所有标准信息之外,还包含一个特殊的wheelDelta属性;当用户向前滚动鼠标滚轮时,wheelDelta是120的倍数,当用户向后滚动鼠标滚轮时,wheelDelta是-120的倍数。

    栗子:

           Event.addHnadler(document, "mousewheel", function (event) {

           event = EventUtil.getEvent(event);

           alert(event.wheelDelta);

           });

    注意:

    鼠标滚轮事件在IE和谷歌浏览器Chrome下是通过onmousewheel这个事件实现的,但是Firefox下却不识别onmousewheel,在Firefox浏览器中,支持一个名为DOMMouseScroll的事件,也是在鼠标滚轮滚动时触发,有关鼠标滚轮的信息保存在detail属性中,当向前滚动滚轮时,其值为-3的倍数,当向后滚动滚轮时,其值为3的倍数

    在IE和Chrome下通过event.wheelDelta的返回值可以知道滚轮是向上滚的还是向下滚的

    当返回值为正值的时候,说明是向上滚

    当返回值是负值的时候,说明是向下滚

    但是对火狐下并不起作用,在火狐下需要通过event.detail来知道滚轮是向上滚的还是向下滚,火狐下还有一点不同:

    当返回值为正值的时候,说明是向下滚

    当返回值是负值的时候,说明是向上滚

    浏览器内核

    浏览器内核分成两部分渲染引擎和js引擎,由于js引擎越来越独立,内核就倾向于只指渲染引擎

    渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具

    渲染引擎:

     firefox使用gecko引擎

     IE使用Trident引擎

     2015年微软推出自己新的浏览器,原名叫斯巴达,后改名edge,使用edge引擎

     opera最早使用Presto引擎,后来弃用

     chrome\safari\opera使用webkit引擎

     13年chrome和opera开始使用Blink引擎

    js引擎:

     老版本IE使用Jscript引擎

     IE9之后使用Chakra引擎

     edge浏览器仍然使用Chakra引擎

     firefox使用monkey系列引擎

     safari使用的SquirrelFish系列引擎

     Opera使用Carakan引擎

     chrome使用V8引擎。nodeJs其实就是封装了V8引擎

    相关文章

      网友评论

          本文标题:滚轮事件与浏览器内核

          本文链接:https://www.haomeiwen.com/subject/irdpcxtx.html