美文网首页技术挖掘机-soser
javascript的事件触发器介绍的实现

javascript的事件触发器介绍的实现

作者: fullbook | 来源:发表于2016-11-09 11:53 被阅读46次

    从字面意思上,事件触发器可以很好的理解,就是用来触发事件的,但是我相信很多朋友,包括我在内,都曾傻傻的以为事件都是由用户在页面上的实际操作来触发的吗?其实这个观点不完全正确,因为有些事件必须由程序来实现,如自定义事件,jQuery的ajax框架的一些自定义事件就必须由事件触发器来实现。当然,在一些特殊情况下,用事件触发器来触发事件比用户的实际操作来触发事件更方便。对于实现事件触发器,浏览器都有原生的方法来支持,但是在兼容性上又有很大的出入,这种兼容性的问题完全在意料之中,IE有自己的方法,其他标准浏览器也有一套方法,不说谁的方法好与不好,对于WEB开发者来说搞出几套方法就是对开发人员的一种折磨。IE支持fireEvent方法来实现事件触发,标准浏览器支持dispatchEvent来实现事件触发,两面派的IE9是两者都支持。下面是出自prototype.js的源码:
    <pre>
    var fireEvent = function(element, event) {
    // IE浏览器支持fireEvent方法
    if (document.createEventObject) {
    var evt = document.createEventObject();
    return element.fireEvent('on' + event, evt)
    } else {
    // 其他标准浏览器使用dispatchEvent方法
    var evt = document.createEvent('HTMLEvents');
    // initEvent接受3个参数:
    // 事件类型,是否冒泡,是否阻止浏览器的默认行为
    evt.initEvent(event, true, true);
    return !element.dispatchEvent(evt);
    }
    };
    </pre>
    实现自定义事件模型bind与trigger:

    相关文章

      网友评论

        本文标题:javascript的事件触发器介绍的实现

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