美文网首页技术挖掘机-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的事件触发器介绍的实现

    从字面意思上,事件触发器可以很好的理解,就是用来触发事件的,但是我相信很多朋友,包括我在内,都曾傻傻的以为事件都是...

  • Xamarin.Forms 第16局:触发器

    总目录 前言 本文介绍触发器:一、属性触发器二、数据触发器三、事件触发器四、多触发器五、EnterActions和...

  • 触发器简单介绍

    触发器简单介绍 触发器定义 触发器:根据事件触发机制自动触发的一段sql语句。触发器的主要作用 数据完整性约束 对...

  • 第十七章 使用触发器

    第十七章 使用触发器 本章介绍如何在Intersystems SQL中定义触发器。触发器是响应某些SQL事件执行的...

  • MySQL之:触发器

    触发器 触发器的执行不是由程序调用,也不是由手工启动,而是由事件来触发、激活从而实现执行 创建触发器 语法:CRE...

  • 事件学习总结

    一、事件 1. 事件的发生 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件...

  • 进阶9.事件(学习笔记)

    事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、...

  • 事件

    事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、...

  • DOM2事件传播机制

    事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、...

  • 事件

    事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、...

网友评论

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

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