js终止事件传播

下面代码模拟单机“回车”,触发操作,并终止事件传播

function next(e){  
		var e = e || window.event; 
		if(e.keyCode == 13){ 
			//业务处理
			//终止事件传播开始
			if(e.stopPropagation){
				e.stopPropagation();
			}else{
				e.cancelBubble = true;
			}
			if (e.preventDefault) {
	    		e.preventDefault();
	    	} else {
	    		e.returnValue = false;
	    	}
			//终止事件传播结束
			return false;
		} 
	} 

event.stopPropagation()方法
这是阻止事件的冒泡方法,不让事件向documen上层蔓延,但是默认事件任然会执行,当你调用这个方法的时候,如果点击一个连接,这个连接仍然会被打开。
event.preventDefault()方法
这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素,此方法可以控制一些按钮在点击时只触发时间而不会引起表单的提交。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章