資訊專欄INFORMATION COLUMN
摘要：所以還是有空就回顧回顧基礎的知識，今天，就來看看事件綁定的問題吧。在一個點擊事件內部嵌套點擊事件，外點擊事件執行幾次，就會給內部的事件冤元素綁定幾次點擊事件，因此使用不當就會造成內部事件多次執行的問題。
js基礎
1.寫的代碼越多，按理說基礎應該是更加扎實，但是最近不知道怎么回事，總是犯不該犯的錯誤。所以還是有空就回顧回顧基礎的知識，今天，就來看看js事件綁定的問題吧。
2.綁定事件的嵌套問題，是最容易出錯的。
3.在一個點擊事件內部嵌套點擊事件，外點擊事件執行幾次，就會給內部的事件冤元素綁定幾次點擊事件，因此使用不當就會造成內部事件多次執行的問題。不說了，上代碼。
$("div.div1").click(function() {
alert("123");
fon()
})
function fon() {
$("div.div2").click(function() {
alert("456");
})
}
以上的寫法會造成點擊div1多少次，就會在第一次點擊div2的時候彈出多少遍456,因此，為避免這種錯誤，正確的做法是在綁定點擊事件之前先解綁事件，看代碼。
$("div.div1").click(function() {
alert("123");
fon()
})
function fon() {
$("div.div2").unbind("click")
$("div.div2").click(function() {
alert("456");
})
}
當然，這種做法運行代碼是沒什么問題的，不過不建議這種寫法，最好的最優的寫法不應該是嵌套事件，就乖乖地編程不好嗎？？？
$("div.div1").click(function() {
alert("123");
})
$("div.div2").click(function() {
alert("456");
})
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107274.html
摘要：而由于級標準中并沒有定義事件相關的內容，所以事件級別只包括級，級和級三種。此屬性返回當前事件所綁定的對象。自定義事件可以綁定到任意元素上，此處選擇只是為了演示方便。 前端學習的東西有很多，現代前端開發，前端工程化的東西要懂，基礎的原生js也要懂，畢竟，框架都是有生命周期的，更替非常快，然而卻有這么一個框架，它是最輕量的前端框架，每個瀏覽器都內置，它叫vanilla.js。好吧，其實va...
摘要：綁定事件監聽器直接擼代碼計數器是實例的掛在對象等同于，是的語法糖，在內定義好方法，指令監聽事件來觸發一些代碼。 v-on綁定事件監聽器 直接擼代碼： 計數器 number：{{number}} + - var app = new Vue({ el: #app, // app是Vue實例的掛在對象 data: { ...
摘要：綁定事件監聽器直接擼代碼計數器是實例的掛在對象等同于，是的語法糖，在內定義好方法，指令監聽事件來觸發一些代碼。 v-on綁定事件監聽器 直接擼代碼： 計數器 number：{{number}} + - var app = new Vue({ el: #app, // app是Vue實例的掛在對象 data: { ...
摘要：綁定事件監聽器直接擼代碼計數器是實例的掛在對象等同于，是的語法糖，在內定義好方法，指令監聽事件來觸發一些代碼。 v-on綁定事件監聽器 直接擼代碼： 計數器 number：{{number}} + - var app = new Vue({ el: #app, // app是Vue實例的掛在對象 data: { ...
閱讀 3968·2021-11-23 10:09
閱讀 1338·2021-11-23 09:51
閱讀 2939·2021-11-23 09:51
閱讀 1585·2021-09-07 09:59
閱讀 2354·2019-08-30 15:55
閱讀 2291·2019-08-30 15:55
閱讀 2948·2019-08-30 15:52
閱讀 2559·2019-08-26 17:04
