美文网首页
阻止默认事件和阻止冒泡事件

阻止默认事件和阻止冒泡事件

作者: 陌紫嫣 | 来源:发表于2018-06-08 11:47 被阅读0次

    转载自:https://blog.csdn.net/mozuncangtianbaxue/article/details/76904545
    所有浏览器都支持Event对象,但支持方式不同
    IE中的事件对象:window.event

    一、阻止默认事件

    封装阻止元素的默认行为函数
                IE:returnValue
                DOM:preventDefault
             */
            function preventDefaultAction(event){
                var event = window.event || event;
                if(document.all){
                    //支持IE
                    event.returnValue = false;
                }else{
                    //IE不支持
                    event.preventDefault();
                }
            }
    

    二、阻止冒泡事件

    封装事件冒泡函数:
             document.all:判断浏览器是否是IE
             IE:cancelBubble
             Firefox:stopPropagation
            */
            function stopPropagation(e){
                 var e = window.event || e;
                 if(document.all){
                      e.cancelBubble = true;
                 }else{
                      e.stopPropagation();
                 }
            }
    

    三、阻止冒泡事件和阻止默认事件同时

    return false
    

    相关文章

      网友评论

          本文标题:阻止默认事件和阻止冒泡事件

          本文链接:https://www.haomeiwen.com/subject/ppnosftx.html