JS 冒泡 捕获 和阻止默认行为!

冒泡 捕获 和阻止默认行为!

//第三个参数 默认的是false 表示的是冒泡过程,为true捕获过程

//但是IE8 只存在冒泡过程 不存在捕获的流程

/attachEvent的this指向的是window 可以使用apple改变this指向

//只有IE8的情况下不兼容addEventListener 需要使用attachEvent来添加绑定时间

//给节点绑定事件的兼容写法
function jianrong(ele,type,fn){
		if(ele.addEventListener){  W3c规范
			
			ele.addEventListener(type,fn,true);
		}else if(ele.attachEvent){  //IE行为
			ele.attachEvent('on'+type,function(){
				fn.apply(ele,arguments);
			})
			//ele.attachEvent('on'+type,fn,false);
		}else{
			ele['on'+type] = fn;
		}
	}
//阻止事件冒泡的兼容写法
function hetHtml(event){
		//
		var ev = event || window.event;
		if(ev.stopPropagation){  //W3c规范
			ev.stopPropagation(); 
		}else{
			ev.cancelBubble = true;  //IE行为    阻止
		}
		
		alert(this.innerHTML);
	}
    
    阻止冒泡和捕获事件
    event.stopPropagation();   
    event.cancelBubble = true  //IE8及以下行为

    阻止默认事件行为
    event.preventDefault();

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值