201510091346_《JavaScript的事件模型——createEvent、initEvent、dispatchEvent》

1. 存在三种事件模型:原始事件模型(所有浏览器都支持)、dom2(除ie外的浏览器都支持)事件模型、IE事件模型、Netscape事件模型。

-----------------------------------------------------------------------------------------------------------------------------------------------

2.详细模型

(1)原始事件模型

分为:语义事件onclick和输入事件onsubmit

-------------------------------------------------------------------------

(2)dom2事件模型

 一般分为三步:1)先由document向目标对象传播称之为:捕捉阶段;2)目标对象的事件处理程序运行,3)从目标对象向document起泡。Event.stopPropagation()可以停止                            传播,preventDefault可以阻止事件的默认动作

addEventListener("eventType","handler","true!false"); //true, 在捕捉的阶段调用;false,在后两个阶段调用;

removeEventListner("eventType","handler","true!false");

事件合成

1)创建合适的事件对象:

var e=document.createEvent("HTMLEvents");

2)初始化事件对象域(即:属性)

e.initEvent("click","true","true");

3)分派事件对象:

eventTarget.dispatchEvent();

-------------------------------------------------------------------------

(3)IE事件模型

IE事件对象也有,但只是window的一个属性;目标元素的处理函数——〉document,只能捕获鼠标事件;事件处理函数的添加和删除通过:attachEvent(                                 "eventType","handler") and detachEvent("eventType","handler" );

      indow.ecent.cancelBubble=true;

事件注册函数:attachEvent()和反注册:detachEvent().

-------------------------------------------------------------------------

(4)Netscape事件模型

-----------------------------------------------------------------------------------------------------------------------------------------------

3.

时间: 2024-10-05 04:44:58

201510091346_《JavaScript的事件模型——createEvent、initEvent、dispatchEvent》的相关文章

javascript之事件模型

事件模型 冒泡型事件(Bubbling):事件由叶子节点沿祖先节点一直向上传递到根节点 捕获型事件(Capturing):由DOM树最顶元素一直到最精确的元素,与冒泡型事件相反 DOM标准事件模型:DOM标准既支持冒泡型事件,也支持捕获型事件,可以说是两者的结合体,首先是捕获型,接着冒泡传递 事件对象 在IE浏览器中事件对象是window的一个属性,在DOM标准中,event必须作为唯一的参数传给事件处理函数 获得兼容的event 对象: function(event){ //event 是作为

js 事件之 createEvent、dispatchEvent

//document上绑定自定义事件ondataavailable document.addEventListener('customevent', function(event) { alert(event.eventType); }, false); var obj = document.getElementById("obj"); //obj元素上绑定click事件 obj.addEventListener('click', function(event) { alert(eve

JavaScript的事件_事件概述/事件模型

一.事件概述 JavaScript 事件是由访问 Web 页面的用户引起的一系列操作,例如:用户点击页面上的某个按钮或者鼠标移动到页面的某个图片上而产生一系列的互动的反馈. 当用户执行某些操作的时候,再去执行一系列代码. 事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现,作为分担服务器端运算负载的一种手段.直到几乎所有的浏览器都支持事件处理. 而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件.IE9.Firefox.Oper

Javascript知识——事件

O(∩_∩)O~~又是新的一周开始了,今天还是在继续学习Javascript知识,今天主要讲了事件的知识.现在就总结下吧. 事件 事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现,作为分担服务器端运算负载的一种手段. 直到几乎所有的浏览器都支持事件处理. 而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件.IE9.Firefox.Opera.Safari 和Chrome 全都已经实现了“DOM2 级事件”模块的核心部分.IE8

JavaScript笔记——事件

事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现, 作为分担服务器端运算负载的一种手段.直到几乎所有的浏览器都支持事件处理.而 DOM2 级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件 JavaScript 有三种事件模型:内联模型.脚本模型和 DOM2 模型 内联模型 这种模型是最传统接单的一种处理事件的方法.在内联模型中,事件处理函数是 HTML 标签的一个属性,用于处理指定事件.虽然内联在早期使用较多,但它是和 HTML 混写的

JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()

参考资料: MDN - Document.createEvent():https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createEvent MDN - Event.initEvent():https://developer.mozilla.org/zh-CN/docs/Web/API/Event/initEvent MDN - 创建和触发events:https://developer.mozilla.org/zh-CN/do

javascript事件触发器fireEvent和dispatchEvent

javascript事件触发器fireEvent和dispatchEvent 事件触发器就是用来触发某个元素下的某个事件,IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法. 一般我们在元素上绑定事件后,是靠用户在这些元素上的鼠标行为来捕获或者触发事件的,或者自带的浏览器行为事件,比如click,mouseover,load等等,有些时候我们需要自定义事件或者在特定的情况下需要触发这些事件.这个时候我们可以使用IE下fireEvent方法,

JavaScript事件模型及事件代理

事件模型 JavaScript事件使得网页具备互动和交互性,我们应该对其深入了解以便开发工作,在各式各样的浏览器中,JavaScript事件模型主要分为3种:原始事件模型.DOM2事件模型.IE事件模型. 1.原始事件模型(DOM0级) 这是一种被所有浏览器都支持的事件模型,对于原始事件而言,没有事件流,事件一旦发生将马上进行处理,有两种方式可以实现原始事件: (1)在html代码中直接指定属性值:<button id="demo" type="button"

Javascript事件模型系列(一)事件及事件的三种模型

转载: http://www.cnblogs.com/lvdabao/p/3265870.html 一.开篇 在学习javascript之初,就在网上看过不少介绍javascript事件的文章,毕竟是js基础中的基础,文章零零散散有不少,但遗憾的是没有看到比较全面的系列文章.犹记得去年这个时候,参加百度的实习生面试,被问到事件模型,当时被问的一头雾水,平时敲onclick敲的挺爽,却没有关注到事件模型的整体概念.这个周末难得清闲,决定就javascript中的事件模型写个系列,算是对知识点的一个