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