给某些区域的元素或批量的元素添加事件,一般情况下我们通过循环来实现:先找到所有对应的元素,再给它们添加相应的事件。

如果学习一些W3C事件处理模式的知识,可以找到另一种实现的方法:利用事件侦听参数e。

W3C事件处理模式中:所有通过addEvent给节点元素添加的事件处理器都会给对应的事件侦听函数传回一个包含e参数的对象,在浏览器中我们可以利用e.target(标准)e.srcElement(IE)来取得事件的目标元素
一旦此元素的事件处理器被激活,此元素的父元素的所有事件处理器也会被激活,即冒泡,可以通过stopPropagation或cancelBubble来取消冒泡。

下面是利用此原理对FAQ实例重新写的代码。
Javascript部分:
事件侦听参数e的应用以及事件冒泡<script type="text/javascript">
事件侦听参数e的应用以及事件冒泡
<!--
script>

Html部分:
事件侦听参数e的应用以及事件冒泡<ul id="faq">
事件侦听参数e的应用以及事件冒泡    
<li><h3>headline<href="http://www.baidu.com" target="_blank">search</a></h3>
事件侦听参数e的应用以及事件冒泡        
<p>paragraph paragraph paragraph</p></li>
事件侦听参数e的应用以及事件冒泡    
<li><h3>headline</h3>
事件侦听参数e的应用以及事件冒泡        
<p>paragraph paragraph paragraph</p></li>
事件侦听参数e的应用以及事件冒泡    
<li><h3>headline</h3>
事件侦听参数e的应用以及事件冒泡        
<p>paragraph paragraph paragraph</p></li>
事件侦听参数e的应用以及事件冒泡
</ul>


相关文章:

  • 2022-02-25
  • 2022-02-12
  • 2022-12-23
  • 2022-02-09
  • 2022-12-23
  • 2021-07-04
  • 2021-06-09
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-06-23
  • 2022-02-28
  • 2022-12-23
  • 2021-12-17
相关资源
相似解决方案