javascript--解除事件绑定

stopPropagation(); w3c取消冒泡

cancelBubble=true; ie取消冒泡

preventDefault(); w3c取消事件效果

returnValue = false; ie取消事件效果

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>

<form action="" id='fm'>
	<input type="text" name="name" id="name" />
	<input type="submit"  />



<p><a>添加移除事件~</a></p>

<button οnclick="addin()" >银时</button>
	<ul>
		<li οnclick="addgin();">银时</li>
		<li οnclick="addnz();">成步堂</li>
		<li οnclick="remgin();">走开银酱</li>
		<li οnclick="remnz();">异议阿依去找小御</li>
	</ul>
</form>





</body>




<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js">
	/*$('fm').addEventListener('submit',function(ev){
		if($('name').value == ''){
			alert('不能为空');
			ev.preventDefault();
			// 取消事件效果
		}
	},false);
*/


	/*添加移除事件，（事件的·解除绑定*/
	var p = document.getElementsByTagName('p')[0];

	function gintoki(){
		alert('love u 阿银~');
	}
	function nz(){
		alert('好玩 已完1，2，4部~');
	}

	function addgin(){
		// 第二个写函数名就行
		p.addEventListener('click',gintoki,false);
	}

	function addnz(){
		p.addEventListener('click',nz,false);
	}

	function remgin(){
		// 第二个写函数名就行
		p.removeEventListener('click',gintoki,false);
	}

	function remnz(){
		p.removeEventListener('click',nz,false);
	}

</script>
</html>

javascript--解除事件绑定

悦读