2020-12-29 JavaScript基本概念:阻止默认事件,事件处理程序

阻止默认事件

• 默认事件的类型举例

• w3c阻止默认事件

• ie低版本阻止默认事件方法
  阻止默认事件
  ​ 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)，比如阻止表单提交，阻止链接跳转。
  ​ W3C的方法是event.preventDefault()
  ​ IE的方法是event.returnValue=false;
  ​ 兼容性写法
  ​ if(event.preventDefault){
  ​ event.preventDefault();
  ​ }else{
  ​ event.returnValue=false;
  ​ }
  ​

  		a1.onclick=function(event){
  			var ev=event||window.event;
  			if(ev.preventDefault){
  				console.log(ev.preventDefault);
  				ev.preventDefault();
  			}else{
  				console.log(ev.returnValue);
  				ev.returnValue=false;
  			}
  		}
  2.阻止事件冒泡
  	由于事件冒泡会触发绑定在父标签上的同类型事件,会给我们的开发带来很多麻烦, 所以我们需要取消事件冒泡。
  	标准浏览器和ie浏览器  
   	w3c的方法是event.stopPropagation()   
      IE则是使用event.cancelBubble = true  
      兼容写法
         if(event && event.stopPropagation){
              event.stopPropagation();  //  w3c 标准
          }else{
              event.cancelBubble = true;  // ie 678  ie浏览器
         }
         
  	d2.onclick=function(event){
  	var event=event||window.event;
  		if(event.stopPropagation){
  			console.log(event.stopPropagation);
  			event.stopPropagation();  //  w3c 标准
  		}else{
  			console.log(event);
  			event.cancelBubble = true;  // ie 678  ie浏览器
  		}
  		console.log("我是小div");
  	}
  

  ​

事件处理程序