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 相关文章推荐
javascript suggest效果 自动完成实现代码分享
Feb 17 Javascript
5款JavaScript代码压缩工具推荐
Jul 07 Javascript
JavaScript实现的浮动层框架用法实例分析
Oct 10 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
May 03 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
js html5 css俄罗斯方块游戏再现
Oct 17 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
微信小程序 页面跳转事件绑定的实例详解
Sep 20 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
Jan 26 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
js blob类型url的视频下载问题的解决
Nov 29 Javascript
JavaScript实现简单的计算器
Jan 16 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
PHP的宝库目录--PEAR
2006/10/09 PHP
php 文件夹删除、php清除缓存程序
2009/08/25 PHP
PHP设置图片文件上传大小的具体实现方法
2013/10/11 PHP
推荐10个提供免费PHP脚本下载的网站
2014/12/31 PHP
js判断浏览器的比较全的代码
2007/02/13 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
简单实现bootstrap导航效果
2017/02/07 Javascript
12个非常有用的JavaScript技巧
2017/05/17 Javascript
详解微信小程序设置底部导航栏目方法
2017/06/29 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
python解析文件示例
2014/01/23 Python
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
Linux Interview Questions For software testers
2013/05/17 面试题
教师自我鉴定
2013/12/13 职场文书
料理师求职信
2014/01/30 职场文书
《威尼斯的小艇》教学反思
2014/02/17 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
历史博物馆观后感
2015/06/05 职场文书