資訊專(zhuān)欄INFORMATION COLUMN
摘要：我綁定的事件無(wú)效。狀況總結(jié)動(dòng)態(tài)元素綁定用，靜態(tài)元素綁定兩者都可以，為了代碼的統(tǒng)一還是都用吧，切記，可以篩選元素哦
狀況之外
在之前的公司并沒(méi)有遇到這個(gè)問(wèn)題，也就沒(méi)有深究。直到自己換了現(xiàn)在的公司，剛來(lái)第二天就開(kāi)始寫(xiě)別人寫(xiě)到一半的項(xiàng)目，很無(wú)奈，不是原生就是jquery，由于項(xiàng)目急，已經(jīng)來(lái)不及切換框架重新布局，只能繼續(xù)了。狀況之中
到處都是列表，到處都是js創(chuàng)建的動(dòng)態(tài)頁(yè)面，好吧，那我也繼續(xù)吧，突然，意外發(fā)生了。我綁定的click事件無(wú)效。狀況-解決唄
當(dāng)時(shí)知道的原因是動(dòng)態(tài)創(chuàng)建的元素在初始化的時(shí)候還沒(méi)有，那我綁定的事件怎么可能綁定的上嘛（當(dāng)時(shí)還不知道直接綁定和通過(guò)on()綁定click的區(qū)別，也不知道on("click",param，param,callback)下面介紹的用法）
解決方法
$("#list").on("click",function(e){
var ev = e || window.event;
var target = ev.target || ev.srcElement;
if (target.nodeName.toLowerCase() == "a" && target.className=="reset") {
msgconfirm("","是否確認(rèn)重置密碼？",function(){
ajax("/user/reset?id="+target.type,"","get","json",null,function(data){
var userObj=data.tUser;
tipalert("",{
data:"密碼重置成功",
username:userObj.account,
password:userObj.passWord,
uKey:userObj.key.replace(/,/img,"")
},"../../images/ok-ico.png",function(){
window.location.reload();
})
})
})
}
})
jquery+原生，我也不想的，可是我又找不到別的解決方案，解決就OK了，雖然不好看，性能也不是太好，但是我也沒(méi)有深究。
。。。。。。。。。。
狀況之后的好久好久以后那就是現(xiàn)在啦，看到別人的代碼
$("body").on("keyup","#userId,#password",function(){
if(event.keyCode==13){
loginFunc();
}
});
我真的想對(duì)自己說(shuō)“what are you 弄啥嘞”。
當(dāng)時(shí)真的是沒(méi)想那么多啊。在網(wǎng)上查了一下都說(shuō)on("click",callback)適用于動(dòng)態(tài)元素，click適用于靜態(tài)元素。但是并沒(méi)有說(shuō)為什么。上面廢話(huà)一大堆，下面我說(shuō)一下我的理解吧。
頁(yè)面初始化
變量
函數(shù)
on("click",callback)和click在初始化時(shí)的區(qū)別
綁定靜態(tài)元素：元素存在，預(yù)解釋OK，所以是沒(méi)啥區(qū)別啦；
綁定動(dòng)態(tài)元素：元素不存在，預(yù)解釋?zhuān)囟颊也坏剑︻A(yù)解釋啊，所以不管是on()還是click()都沒(méi)有辦法；
綁定靜態(tài)元素實(shí)現(xiàn)動(dòng)態(tài)元素的事件綁定：
- 原先的HTML元素on
- 原先的HTML元素click
onclick的用法（jquery、jquery+原生）
關(guān)于用法，上面已經(jīng)介紹了，這個(gè)也是我今天才知道的，原來(lái)在綁定事件的時(shí)候就可以加入元素，而我竟然轉(zhuǎn)到了原生，一看就很菜，小白啊小白。狀況總結(jié)
動(dòng)態(tài)元素綁定用on()，靜態(tài)元素綁定兩者都可以，為了代碼的統(tǒng)一還是都用on()吧，切記，on("click",param1,param2,callback)可以篩選元素哦！?。?/pre>
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/98433.html
摘要：目錄第章事件介紹第章鼠標(biāo)事件第章表單事件第章鍵盤(pán)事件第章事件的綁定和解綁第章事件對(duì)象的使用第章自定義事件與事件用交互操作中，最簡(jiǎn)單直接就是點(diǎn)擊操作。提供了兩個(gè)方法一個(gè)是方法用于監(jiān)聽(tīng)用戶(hù)單擊操作，另一個(gè)方法是方法用于監(jiān)聽(tīng)用戶(hù)雙擊操作。 目錄 第1章 事件介紹 第2章 鼠標(biāo)事件 第3章 表單事件 第4章 鍵盤(pán)事件 第5章 事件的綁定和解綁 第6章 事件對(duì)象的使用 第7章 自定義事件 cli...
摘要：目錄第章事件介紹第章鼠標(biāo)事件第章表單事件第章鍵盤(pán)事件第章事件的綁定和解綁第章事件對(duì)象的使用第章自定義事件與事件用交互操作中，最簡(jiǎn)單直接就是點(diǎn)擊操作。提供了兩個(gè)方法一個(gè)是方法用于監(jiān)聽(tīng)用戶(hù)單擊操作，另一個(gè)方法是方法用于監(jiān)聽(tīng)用戶(hù)雙擊操作。 目錄 第1章 事件介紹 第2章 鼠標(biāo)事件 第3章 表單事件 第4章 鍵盤(pán)事件 第5章 事件的綁定和解綁 第6章 事件對(duì)象的使用 第7章 自定義事件 cli...
摘要：源碼源碼行被點(diǎn)擊了點(diǎn)擊了，即委托的事件被點(diǎn)擊了優(yōu)先添加委托，再添加其他即委托在上的事件數(shù)量在下標(biāo)為的位置插入委托事件解析可以看到，是優(yōu)先添加委托事件，再添加自身事件，觸發(fā)事件的時(shí)候也是按這個(gè)順序。 showImg(https://segmentfault.com/img/remote/1460000019419722); 前言：請(qǐng)先回顧下我之前寫(xiě)的一篇文章：JavaScript之事件委...
摘要：事件的綁定和解綁的多事件綁定之前學(xué)的鼠標(biāo)事件，表單事件與鍵盤(pán)事件都有個(gè)特點(diǎn)，就是直接給元素綁定一個(gè)處理函數(shù)，所有這類(lèi)事件都是屬于快捷處理。由于瀏覽器事件冒泡特性，可以在觸發(fā)時(shí)把這個(gè)事件往上冒泡到上，因?yàn)樯辖壎ㄊ录憫?yīng)，所以能觸發(fā)這個(gè)動(dòng)作。 事件的綁定和解綁 on()的多事件綁定 之前學(xué)的鼠標(biāo)事件，表單事件與鍵盤(pán)事件都有個(gè)特點(diǎn)，就是直接給元素綁定一個(gè)處理函數(shù)，所有這類(lèi)事件都是屬于快捷處理...
閱讀 3477·2021-10-27 14:20
閱讀 2646·2021-10-08 10:05
閱讀 1695·2021-09-09 09:33
閱讀 2958·2019-08-30 13:16
閱讀 1504·2019-08-29 18:34
閱讀 1245·2019-08-29 10:58
閱讀 1291·2019-08-28 18:22
閱讀 1286·2019-08-26 13:33
