javascript事件问题

221 阅读 0 评论 146 点赞

我是靠谱客的博主阔达镜子，最近开发中收集的这篇文章主要介绍javascript事件问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<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。