当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript事件问题

Javascript
javascript form 验证函数 弹出对话框形式
IE JS编程需注意的内存释放问题
JQuery 无废话系列教程(二) jquery实战篇上
一些常用的JS功能函数代码
一个很酷的拖动层的js类，兼容IE及Firefox
JavaScript 开发中规范性的一点感想
javascript 连连看代码出炉
javascript 读取图片文件的大小
JQuery 国际象棋棋盘 实现代码
javascript 可以拖动的DIV（二）
[原创]javascript 改变字体大小方法集合
javascript 变量作用域 代码分析
js AspxButton的客户端操作
event对象的方法 兼容多浏览器
Javascript 阻止javascript事件冒泡，获取控件ID值
Javascript 函数对象的多重身份
javawscript 三级菜单的实现原理
js 跨域和ajax 跨域问题小结
JavaScript XML操作 封装类
通用的二级菜单代码(css+javascript)

No. « 142 143 144 145 »

技术文章搜索

关键字

Javascript 中的 javascript事件问题

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 266 ::
收藏到网摘: n/a

咱们都知道，在DOM事件模型中，有捕获和冒泡两个阶段，而在IE事件模型中，只有冒泡阶段。写在html里的事件响应函数只有在冒泡阶段才会被执行
复制代码 代码如下:

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