JavaScript第1/2页事件综合分析

事件流的事件模型可以分为两种类型：冒泡事件和捕获事件。被称为冒泡事件：是指从最准确的对象到最不准确的对象，一个接一个地触发事件。事件捕捉事件：与冒泡事件相反，是指从最不准确的对象到最准确的对象，一个一个地触发事件。

捕获的事件也称为自顶向下(DOM级别)事件模型。因为IE浏览器不支持捕捉事件，所以没有广泛使用。b事件监控示例1 I一般监控方法：复制代码如下： p onclick='alert '(点击了')；'单击Me/p示例2:复制代码如下： html head title demo/title meta name=' author ' content=' Xu gang '/script type=' text/JavaScript '/Add onload event window . onload=function(){//find object var o _ p=document . getelementbyid(' myp ')；//添加onclick事件o_p.onclick=function(){ alert('我被点击了')；} }/script/head body p id=' myp ' click me/p/body/html这段代码将结构与行为分开。浏览器增加了两种监控方式：IE中的监控方式和标准DOM中的监控方式。IE中的监听方法在IE浏览器中，每个元素都有两种方法来处理事件的监控。它们是：attachEvent()和disconnectevent()。附加事件方法：[对象]。attachEvent(“事件名”，方法名)；单独事件方法：[对象]。discouplevent(“事件名”，方法名)；例如o _ p. detach事件(' onclick '，click _ a)；示例：复制的代码如下： htm head title demo/title meta name=' author ' content=' Xu gang '/script type=' text/JavaScript '！-函数click _ A(){ alert(' click _ A ')；//删除监听函数o _ p . separate vent(' onclick '，click _ b)；} function click _ b(){ alert(' click _ b，我只调用了一次');} var o _ p；window . onload=function(){ o _ p=document . getelementbyid(' myP ')；//添加监听功能click _ a o _ p . attach event(' onclick '，click _ a)；//添加监听功能click _ b o _ p . attach event(' onclick '，click _ b)；}/////script/head body p id=' myp ' click me/p/body/html注意：您可以通过这种方式为同一个元素添加多个监听功能；在IE浏览器中，函数的执行顺序与函数的添加顺序相反；在IE浏览器中，函数虽然有顺序执行顺序，但都是同时调用的；三、标准DOM的监控方法在使用标准DOM的浏览器中，每个元素也有两种处理事件监控的方法。它们是：addEventListener()和removeEventListener()。添加事件监控方法：[对象]。addEventListener(“事件名”、方法名、事件模型)；删除事件侦听方法：[对象]。removeEventListener(“事件名称”，方法名称，事件模型)；注意：这里的“事件名称”不能为on，比如：click(如果是onclick，那就错了！)“事件模型”是布尔值，通常设置为false，即“冒泡”事件。(如果为真，则为“捕捉型”事件。)示例：复制代码如下：HTML标题标题演示/标题元名称='作者'内容='徐刚'/脚本类型='文本/JavaScript '！-函数click _ A(){ alert(' click _ A ')；//删除监听函数o _ p.removeeventlistener ('click '，click _ b，false)；}函数click_B(){ alert('被click_A删除，不能调用一次。');} var o _ p；window . onload=function(){ o _ p=document . getelementbyid(' myP ')；//添加监听函数click _ a o _ p . add event listener(' click '，click _ a，false)；//添加监听功能click _ b o _ p . add event listener(' click '，click _ b，false)；}/////script/head body p id=' myp ' click me/p/body/html在Firefox下运行成功，在IE下报错。注意：您也可以通过这种方式为同一个元素添加多个监听功能；在火狐浏览器中，函数的执行顺序与函数的添加顺序一致(火狐正好与IE相反)；在Firefox浏览器中，这样添加的功能是先在外部执行一个，然后再执行另一个(一个接一个)；阅读下一页的全文。