前端實際開發中，經常需要給元素添加各種事件，如click、change等等，那如果某種情況下，當我們給某元素多次綁定了同一事件，在此事件真正被觸發時，會響應幾次事件的執行？下面給一個例子說明：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
// 給p元素綁定了兩次click事件
for (var i = 0; i < 2; i++) {
$("p").click(function(){
alert(123);
});
}
});
</script>
</head>
<body>
<p>點我</p>
</body>
</html>上面的例子給某指定元素綁定了多次click事件，當真正去點擊指定元素時，將alert了幾次？
我們先嘗試通過火狐瀏覽器查看指定元素的event信息，如下：
真相不遠了，現在可以預期event會執行兩次，實際運行情況也驗證了此結果。所以，需要注意盡量避免有意無意地給某元素重復綁定click、change等事件，以免引起意想不到的多次響應。
有時候如果避免的手段比較麻煩，該如何快速處理呢？不妨設置一全局變量去控制，如下：
// 選擇日期事件，只有在第一次進入dashboard.html中才去綁定，之后再點擊dashboard菜單進入，不能繼續給綁定
if (!g.not_load) {
$("input#dashboard-date").change(function() {
if ($("#dashboard-date").val() !== "") {
p0.fetchAjaxData();
}
});
g.not_load = true;
}以上。