现在的位置: 首页 > 综合 > 正文

javascript阻止事件冒泡和浏览器的默认行为

2013年11月20日 ⁄ 综合 ⁄ 共 951字 ⁄ 字号 评论关闭

就是说用Div框住flash  Div的鼠标事件不传递给Body

文中说的方法记录一下

/*---------------------------
    功能:停止事件冒泡
    ---------------------------
*/

    function stopBubble(e) {
        //如果提供了事件对象,则这是一个非IE浏览器
        if ( e && e.stopPropagation )
            //因此它支持W3C的stopPropagation()方法
            e.stopPropagation();
        else
            //否则,我们需要使用IE的方式来取消事件冒泡
            window.event.cancelBubble = true;
    }

    //阻止浏览器的默认行为
    function stopDefault( e ) {
        //阻止默认浏览器动作(W3C)
        if ( e && e.preventDefault )
            e.preventDefault();
        //IE中阻止函数器默认动作的方式
        else
            window.event.returnValue = false;
        return false;
    }


使用方法

//监视用户何时把鼠标移到元素上,
    //为该元素添加红色边框
    unionDom[i].onmouseover = function(e) {
        this.style.border = "1px solid red";
        stopBubble( e );
    }
;
    //监视用户何时把鼠标移出元素,
    //删除我们所添加的红色边框
    unionDom[i].onmouseout = function(e) {
        this.style.border = "0px";
        stopBubble( e );
    }
;

uniconDom[i]是页面的一个html标记

抱歉!评论已关闭.