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>