关于js(九)------------事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?

function stopBubble(e) {
if(e && e.stopPropagation){
e.stopPropagation();
} else {
window.event.cancelBubble = true;
}
};

阻止事件的默认行为

  e.preventDefault()可以阻止事件的默认行为发生,默认行为是指:点击a标签就转跳到其他页面、拖拽一个图片到浏览器会自动打开、点击表单的提交按钮会提交表单等等,因为有的时候我们并不希望发生这些事情,所以需要阻止默认行为。

  IE9之前的IE中,可以通过设置事件对象的returnValue属性为false达到同样的效果。

 法1
function cancelHandler(event){
    var event=event||window.event;//兼容IE
    
    //取消事件相关的默认行为
    if(event.preventDefault)    //标准技术
        event.preventDefault();
    if(event.returnValue)    //兼容IE9之前的IE
        event.returnValue=false;
    return false;    //用于处理使用对象属性注册的处理程序
}

 

法2

function stopDefault(e){
if(e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false;
}
return false;
};

 

posted on 2018-08-15 16:40  呗儿  阅读(922)  评论(0编辑  收藏  举报

导航