獲取當(dāng)前按鈕或者h(yuǎn)tml的ID名稱實(shí)例(推薦)
更新時(shí)間：2017年06月23日 08:14:34 投稿：jingxian
下面小編就為大家?guī)?lái)一篇獲取當(dāng)前按鈕或者h(yuǎn)tml的ID名稱實(shí)例(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
今天做的上傳圖片，點(diǎn)擊圖片刪除。
隨機(jī)給圖片id，獲取圖片id，然后刪除圖片。
由于圖片id是隨機(jī)的，用點(diǎn)擊img或者點(diǎn)擊class，獲取id都不行，最后用onclick事件獲取。
js代碼如下：
$("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' src=\"" + images.localId + "\" />");
開(kāi)始這樣獲取：
function upimg(){
var id= $(this).attr("id");
alert(id);
}
不行。后來(lái)用：
function upimg(){
alert(event.target.id);
}
獲取到了。
總結(jié)：
盡量使用event.target.id，不要使用this.id。
當(dāng)使用事件委托的時(shí)候，this指向的是綁定監(jiān)聽(tīng)事件的元素，而非被點(diǎn)擊的元素。event.target.id則始終指向被點(diǎn)擊的元素
以上這篇獲取當(dāng)前按鈕或者h(yuǎn)tml的ID名稱實(shí)例(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
今天有工作人員反饋后臺(tái)編輯文章的時(shí)候，多按了幾下退格鍵，然后當(dāng)前編輯的頁(yè)面都返回到上一頁(yè)了，導(dǎo)致剛剛添加的內(nèi)容全部丟失，今天正好有空給整理一下2019-02-02
這篇文章主要介紹了VsCode插件整理（小結(jié)），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了Cookies 和 Session的詳解及區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-04-04
我們不管js或iframe怎么調(diào)用的，模擬點(diǎn)擊就意味著打開(kāi)廣告鏈接，廣告商就以為用戶點(diǎn)擊了他的廣告，所以我們只要保證點(diǎn)擊了一個(gè)鏈接但沒(méi)有跳出頁(yè)面的結(jié)果就行了，是嗎？2010-01-01
JavaScript中offsetWidth的bug及解決方法
這篇文章主要為大家詳細(xì)介紹了JavaScript中offsetWidth的bug及解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
面試的時(shí)候經(jīng)常會(huì)問(wèn)到JS 中 判斷數(shù)據(jù)類型的方法，一般常用的 就是typeof了 ，其他的也想不起來(lái)，今天特意在網(wǎng)上查了一下來(lái)總結(jié),這篇文章主要介紹了利用JS判斷數(shù)據(jù)類型的四種方法,需要的朋友可以參考下2021-08-08
JavaScript中的偽數(shù)組用法及說(shuō)明
這篇文章主要介紹了JavaScript中的偽數(shù)組用法及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
這篇文章主要為大家介紹了簡(jiǎn)單易懂的JSONP和CORS跨域方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
基于BootStrap實(shí)現(xiàn)局部刷新分頁(yè)實(shí)例代碼
這篇文章主要介紹了基于BootStrap實(shí)現(xiàn)局部刷新的分頁(yè)的相關(guān)資料,非常不錯(cuò)，代碼簡(jiǎn)單易懂，具有參考價(jià)值，需要的朋友可以參考下2016-08-08
如何用JS獲取帶“\”字符串的中間值？...2007-02-02