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 相关文章推荐
JS Timing
Apr 21 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
Apr 25 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
Dec 03 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
JS异步函数队列功能实例分析
Nov 28 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
vue-cli3.0使用及部分配置详解
Aug 29 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
viewer.js实现图片预览功能
Jun 24 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
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
PHP中使用mpdf 导出PDF文件的实现方法
2018/10/22 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
vue 做移动端微信公众号采坑经验记录
2018/04/26 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
AngularJS 监听变量变化的实现方法
2018/10/09 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
Vue.js组件使用props传递数据的方法
2019/10/19 Javascript
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
Python程序中设置HTTP代理
2016/11/06 Python
influx+grafana自定义python采集数据和一些坑的总结
2018/09/17 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
Python中过滤字符串列表的方法
2020/12/22 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
护理实习自我鉴定
2013/12/14 职场文书
创意活动策划书
2014/01/15 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
Python echarts实现数据可视化实例详解
2022/03/03 Python