javascript事件问题


Posted in Javascript onSeptember 05, 2009
<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 相关文章推荐
TFDN图片播放器 不错自动播放
Oct 03 Javascript
通过Unicode转义序列来加密,按你说的可以算是混淆吧
May 06 Javascript
MooTools 1.2介绍
Sep 14 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
JS按回车键实现登录的方法
Aug 25 Javascript
jQuery使用drag效果实现自由拖拽div
Jun 11 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
JSONP跨域请求
Mar 02 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
Jun 26 Javascript
微信小程序用canvas画图并分享
Mar 09 Javascript
js跨域和ajax 跨域问题的实现思路
Sep 05 #Javascript
JavaScript 密码强度判断代码
Sep 05 #Javascript
关于javascript中的parseInt使用技巧
Sep 03 #Javascript
jquery判断单个复选框是否被选中的代码
Sep 03 #Javascript
javascript 触发事件列表 比较不错
Sep 03 #Javascript
javascript concat数组累加 示例
Sep 03 #Javascript
ie focus bug 解决方法
Sep 03 #Javascript
You might like
第三节 定义一个类 [3]
2006/10/09 PHP
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
ThinkPHP学习笔记(一)ThinkPHP部署
2014/06/22 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
JavaScript修改css样式style
2008/04/15 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
javascript实现原生ajax的几种方法介绍
2013/09/21 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
2014/08/05 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
javascript实现校验文件上传控件实例
2015/04/20 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
Python collections模块实例讲解
2014/04/07 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
python set集合使用方法解析
2019/11/05 Python
Numpy之reshape()使用详解
2019/12/26 Python
Python os模块常用方法和属性总结
2020/02/20 Python
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
小学清明节活动方案
2014/03/08 职场文书
关于读书的演讲稿
2014/05/07 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
活动主持人开场白
2015/05/28 职场文书
城南旧事观后感
2015/06/11 职场文书
五年级作文之劳动作文
2019/11/12 职场文书