獲取當前按鈕或者html的ID名稱實例(推薦)
更新時間：2017年06月23日 08:14:34 投稿：jingxian
下面小編就為大家?guī)硪黄@取當前按鈕或者html的ID名稱實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
今天做的上傳圖片，點擊圖片刪除。
隨機給圖片id，獲取圖片id，然后刪除圖片。
由于圖片id是隨機的，用點擊img或者點擊class，獲取id都不行，最后用onclick事件獲取。
js代碼如下：
$("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' src=\"" + images.localId + "\" />");
開始這樣獲?。?/strong>
function upimg(){
var id= $(this).attr("id");
alert(id);
}
不行。后來用：
function upimg(){
alert(event.target.id);
}
獲取到了。
總結(jié)：
盡量使用event.target.id，不要使用this.id。
當使用事件委托的時候，this指向的是綁定監(jiān)聽事件的元素，而非被點擊的元素。event.target.id則始終指向被點擊的元素
以上這篇獲取當前按鈕或者html的ID名稱實例(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了微信小程序錯誤this.setData報錯及解決過程,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
javascript中callee與caller的用法和應用場景
javascript中callee和caller的用法和應用場景分析，需要的朋友可以參考下。2010-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)表單及時驗證功能，在輸入后就可以立即驗證，含用戶類型,性別,愛好等驗證,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
動畫,從人群中脫穎而出、吸引訪客注意力的絕佳方式,本文將給大家分享10 個功能強大的 JavaScript 動畫庫,有了這 10 個功能強大的 JavaScript 庫,創(chuàng)建動畫再簡單不過了,感興趣的同學可以參考閱讀2023-09-09
這篇文章主要介紹了JavaScript寫個貪吃蛇小游戲(超詳細)，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
對JavaScript的eval()中使用函數(shù)的進一步討論
《JavaScript語言精髓與編程實踐》的讀者I22141提出了一問題：為什么下面這段代碼在JScript 和SpiderMonkey中表現(xiàn)不一樣：2008-07-07
這篇文章主要介紹了JS實現(xiàn)隊列與堆棧的方法,結(jié)合實例形式分析了JavaScript實現(xiàn)隊列與堆棧的原理與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-04-04
uni-app和原生小程序混合開發(fā)的具體實現(xiàn)過程
最近項目中遇到了一些功能需要與原生進行混合開發(fā),所以下面這篇文章主要給大家介紹了關(guān)于uni-app和原生小程序混合開發(fā)的具體實現(xiàn)過程,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了超酷的照片墻展示效果圖附源碼下載的相關(guān)資料,需要的朋友可以參考下2015-10-10
本文給大家分享一段代碼基于js實現(xiàn)EOS隱藏錯誤提示層，對eos隱藏提示層的相關(guān)知識感興趣的朋友一起學習吧2016-04-04