Javascript給同一個對象可以綁定多個相同的事件

Javascript給同一個對象可以綁定多個相同的事件,demo如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Javascript可以給同一個對象綁定多個點擊事件</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	</head>

	<body>
		<h4 id="title">title</h4>
		<button id="submit">submit</button>

	</body>
	<script>
		var total = 0;
		
		//先解除綁定當前的點擊事件,再綁定新的點擊事件
		$('#title').unbind('click').click(function(){
			this.innerHTML = total+'new title';
		})
		
		
		//給同一個對象綁定多個click事件的demo,經常用於給某個插件綁定自定義的事件
		$('#submit').click(function(){
			console.log(total,'one');
			total += 1;
			this.innerHTML = total + '點擊次數';
		})
		
		$('#submit').click(function(){
			console.log(total,'two');
			total += 1;
			this.innerHTML = total + '點擊次數';
		})
		
		
	</script>

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