欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML5 >

Js操作非IE事件对象属性,方法

Cancelabletypebubbles无用,仅需了解

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

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

document对象下的属性中可以看到bodydocument也就是传说中的dom


现在显示的却是null??

Type无用,只是了解的内容

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

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

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

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

 

只是了解内容,用到的只是clientXclientY

      

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

 

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

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

 

 

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h13712.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2016-10-29 20:47 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。