IE和DOM事件流的区别

最新推荐文章于 2021-12-17 22:00:23 发布

cheche-m

最新推荐文章于 2021-12-17 22:00:23 发布

阅读量302

点赞数

文章标签： javascript dom ie

1、获取事件的目标是不一样的
位于事件中心对象成为目标(target),假设元素分配onclick事件处理函数，触发click事件时，就被认为是目标

    IE
                var oTarget=oEvent.srcElement; //Masintosh的IE同时支持srcElement和target属性
    DOM
                DOM兼容的游览器上目标包含在target属性中
                var oTarget=oEvent.target;

2、获取字符代码
IE和DOM都支持event对象的keyCode属性，它会返回按下按键的数值代码。如果按键代表一个字符(非shift,alt,ctrl等) IE的keyCode将返回字符的代码(等于他的unicode码)

            IE
                    var iCharCode = event.keyCode
            DOM
                    在DOM兼容的游览器中，按键的代码和字符会有一个分离，要获取字符代码，使用charCode属性
                    var iCharCode =event.charCode

3、阻止某个事件的默认行为

        IE
                要在IE中阻止某个事件的默认行为，必须将returnValue属性设置为false
                    oEvent.returnValue=false ;
       DOM
                    要调用preventDefault()方法
                    oEvent.preventDefault();
                   比如在右击页面的时候可以阻止事件的默认行为,只要阻止contextmenu事件的默认行为就可以了。

4、停止事件的复制(冒泡)

       IE
                    在IE中，要阻止事件的进一步冒泡，必须设置cancelBubble属性为true
                    oEvent.cancelBubble=true ;
       DOM
                    在mozilla中，只需要调用stopPropagation()方法即可
                    oEvent.stopPropagation()

                <html οnclick="alert('html')">
                     <body οnclick="alert('body')">
                         <input type=button value="click" οnclick="alert('button')">

                     </body>
                </html>
                点击button会依次出现 button,body,html的提示
                如果增加如下函数，则可阻止事件的复制(冒泡)

                function handleClick(oEvent)
                {
                    alert('button' );
                    if (window.event)
                    {
                        oEvent= window.event;
                        oEvent.cancelBubble=true ;
                    }
                    else
                    {
                        oEvent.stopPropagation();
                    }
                }

                 <input type=button value="click" οnclick="handleClick(event)">
                则只会出现 button的提示

cheche-m

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
IE和DOM事件流的区别

1、获取事件的目标是不一样的位于事件中心对象成为目标(target),假设元素分配onclick事件处理函数，触发click事件时，就被认为是目标 IE var oTarget=oEvent.srcElement; //Masintosh的IE同时支持srcElement和target属性 DOM
复制链接

扫一扫