事件冒泡和默认行为

冒泡

Google是e.stopPropagation()，IE则是使用e.cancelBubble = true

jquery

			//   return false   方式一
 			$('.son').click(()=>{
                alert('我是son的事件');
                return false;
            })
            //   event.stopPropagation   方式二 
 			$('.son').click((event)=>{
                alert('我是son的事件');
                event.stopPropagation()
            })

兼容

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

默认行为

Google是e.preventDefault()，IE则是使用e.returnValue = false;

 			//阻止默认行为方式一    return false
            $('a').click(()=>{
                 alert('填写注册框')
                 return false;   
            })
            //阻止默认行为方式二   event.preventDefault()
            $('a').click((event)=>{
                alert('填写注册框')
                event.preventDefault()
            })

兼容

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

事件兼容问题

在IE/Opera中是window.event，在Firefox中是event；

而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中两者都可用。