javascript事件问题

 更新时间:2009年09月05日 16:52:13   作者:  
咱们都知道,在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。

相关文章

  • 微信小程序开发之toast等弹框提示使用教程

    微信小程序开发之toast等弹框提示使用教程

    弹框提示是我们在开发中经常用的一个效果,下面这篇文章主要给大家介绍了微信小程序开发之toast等弹框提示实现的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06
  • bootstrap是什么_动力节点Java学院整理

    bootstrap是什么_动力节点Java学院整理

    这篇文章主要介绍了bootstrap是什么,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 浅析$(function) ready和onload 的区别

    浅析$(function) ready和onload 的区别

    新手刚学习js和jq的时候难免会接触题目所标识的相关内容,下面小编通过本教程给大家讲解(function) ready和onload 的区别,感兴趣的朋友一起看看吧
    2016-09-09
  • jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码

    jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码

    这篇文章主要介绍了jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码,通过jQuery相应鼠标事件控制页面元素的动态变换功能,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • 如何使用Bootstrap创建表单

    如何使用Bootstrap创建表单

    在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单
    2017-03-03
  • JS解密入门 最终变量劫持

    JS解密入门 最终变量劫持

    看到我的前几篇文章的朋友应该知道,前面的是10进制,直觉解就行了,不过下面有个处理函数,你用10进制解密出来之后还要去分析函数的功能,很不合算。
    2008-06-06
  • js优化针对IE6.0起作用(详细整理)

    js优化针对IE6.0起作用(详细整理)

    js优化针对IE6.0起作用,总结一下几点:字符串拼接、for 循环、减少页面的重绘、减少作用域链上的查找次数、避免双重解释等等,需要了解的朋友可以参考下,或许会有所帮助
    2012-12-12
  • 关于layui的动态图标不显示的解决方法

    关于layui的动态图标不显示的解决方法

    今天小编就为大家分享一篇关于layui的动态图标不显示的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 详解小程序缓存插件(mrc)

    详解小程序缓存插件(mrc)

    这篇文章主要介绍了详解小程序缓存插件(mrc),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 函数window.open实现关闭所有的子窗口

    函数window.open实现关闭所有的子窗口

    这篇文章主要介绍了函数window.open实现关闭所有的子窗口的相关资料,需要的朋友可以参考下。
    2015-08-08

最新评论