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下4个跨浏览器必备的函数
Mar 07 Javascript
EasyUI 中 MenuButton 的使用方法
Jul 14 Javascript
不得不分享的JavaScript常用方法函数集(上)
Dec 23 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
May 28 Javascript
慕课网题目之js实现抽奖系统功能
Sep 19 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 Javascript
Node.js实现断点续传
Jun 23 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
PHP中使用gettext解决国际化问题的例子(i18n)
2014/06/13 PHP
php实现生成验证码实例分享
2016/04/10 PHP
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
Javascript 判断客户端浏览器类型代码
2010/03/01 Javascript
jQuery对象[0]是什么含义?
2010/07/31 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
js删除所有的cookie的代码
2010/11/25 Javascript
javascript使用activex控件的代码
2011/01/27 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
jQuery中scrollTop()方法用法实例
2015/01/16 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
React路由管理之React Router总结
2018/05/10 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
浅析vue插槽和作用域插槽的理解
2019/04/22 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
微信小程序 授权登录详解(附完整源码)
2019/08/23 Javascript
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
解决iView Table组件宽度只变大不变小的问题
2020/11/13 Javascript
python高斯分布概率密度函数的使用详解
2019/07/10 Python
解决Python中pandas读取*.csv文件出现编码问题
2019/07/12 Python
python代码实现将列表中重复元素之间的内容全部滤除
2020/05/22 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
高档奢华时装在线目的地:FORWARD by elyse walker
2017/10/16 全球购物
美丽的现代设计家具:2Modern
2018/07/26 全球购物
销售文员的岗位职责
2013/11/20 职场文书
财务会计专业求职信范文
2013/12/31 职场文书
如何写你的创业计划书
2014/01/07 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
2015年电信员工工作总结
2015/05/26 职场文书
使用Ajax实现进度条的绘制
2022/04/07 Javascript
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python