复制代码 代码如下:
<div onmouseover="alert('hello');" onmouseout="alert('out_div');" >
<span onmouseover="alert('world');" onmouseout="alert('out_span');" >你好</span>
</div>
1，当鼠标放到<span>上面时，会只依次执行alert('world')、alert('hello')，可知事件响应函数是在冒泡阶段执行的，也就是说，对于DOM兼容浏览器，在捕获阶段也没有执行。所以，写在html里的事件响应函数只有在冒泡阶段才会被执行。
2，当把鼠标从div移到span上面时，会依次执行alert('out_div')、alert('world')、alert('hello')，这说明了尽管span是在div里，但当把鼠标从div移到span上时，也算是把鼠标移出div。
您可能感兴趣的文章:
- JavaScript事件处理器中的event参数使用介绍
- 浅谈Javascript事件处理程序的几种方式
- 浅谈Javascript事件模拟
- JavaScript事件处理程序(事件侦听器)
- Javascript事件热键兼容ie|firefox
- fckediter javascript事件函数代码
- Javascript事件实例详解
转载请注明出处:http://www.qxdxgs.com/article/20230526/210564.html