首页 > web前端 > js教程 > Js操作非IE事件对象属性,方法的详细介绍

Js操作非IE事件对象属性,方法的详细介绍

php中世界最好的语言
发布: 2017-11-28 15:02:16
原创
1468 人浏览过

我们都知道,事件处理函数是由浏览器来调用,尔浏览器有一个监听机制,是可以判断出事件函数有没有被触发,本篇文章就给大家介绍一下JS操作非IE事件对象的属性,方法。

Cancelable,type,bubbles无用,仅需了解

注意一下上面的亮点,就是在2级事件中嵌套的二级事件,还有就是冒泡与捕获的执行顺序问题,冒泡是从下到上,捕获是从上到下

这里有一个疑问,body节点与document节点有什么不同呢?

在document对象下的属性中可以看到body,document也就是传说中的dom区

现在显示的却是null??

Type无用,只是了解的内容

现在在IE中显示是undefined,在其他浏览器中显示是正常的

在谷歌IE中可以,在火狐中不可以,注意如果是上面的写法,在IE8以下的版本中会出错

很多的情况就是谷歌的兼容性是最好的,通常出现的兼容性问题是火狐和IE之间的差别,只要是在ie中有效的,在谷歌中似乎都是有效的,特别要注意只有是在二级事件中才会出现上面的问题,在一级事件中是没有兼容性问题

点击按钮执行提交,会有默认行为刷新界面

只是了解内容,用到的只是clientX、clientY

封装函数:阻止浏览器的默认行为、阻止冒泡

总结:事件处理函数由浏览器来调用,浏览器器有一个监听机制,判断事件处理函数是不是被触发,一旦事件处理函数被触发,浏览器就会监听到,就会调用该事件处理函数,然后就会给事件处理函数传递一个事件源对象,我们可以主动的在事件处理函数中来接收这个事件源对象。兼容性的封装都是有一个共同点的,就是获取函数的执行上下文,如果是能获取到的话,就说明是兼容的,如果是无法获取,通常情况下,返回的都是undefined,前面的所有的封装兼容性的函数都是这样来做。

注意这里的代码的执行顺序,每次单击的时候是会触发上面事件的发生,如果是按键一点击的时候会一直触发该事件的发生,这是一个怪的现象,手动的控制事件的持续的发生,    

 

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

在HTML里用CSS隐藏div的方法

怎样用CSS隐藏图片背景的文字内容

怎样让DIV自适应高度

以上是Js操作非IE事件对象属性,方法的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板