js中阻止默认事件

来源:互联网 发布:mysql tmp table size 编辑:程序博客网 时间:2024/05/18 03:40

1>阻止冒泡事件

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

2>阻止默认事件

var el = window.document.getElementById("a");el.onclick = function (e) {    //如果提供了事件对象,则这是一个非IE浏览器    if (e && e.preventDefault) {        //阻止默认浏览器动作(W3C)         e.preventDefault();    }    else {        //IE中阻止函数器默认动作的方式         window.event.returnValue = false;        return false;    }}

3>jQeury阻止默认和冒泡事件

阻止冒泡事件

        $("a").click(function (e) {            e.stopPropagation();        });

阻止默认事件

        $("a").click(function (e) {            e.preventDefault();        });

阻止默认和冒泡事件

        $("a").click(function (e) {            return false;        });
原创粉丝点击