獲取當(dāng)前按鈕或者h(yuǎn)tml的ID名稱實例(推薦)
更新時間:2017年06月23日 08:14:34 投稿:jingxian
下面小編就為大家?guī)硪黄@取當(dāng)前按鈕或者h(yuǎn)tml的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 + "\" />");
開始這樣獲取:
function upimg(){ var id= $(this).attr("id"); alert(id); }
不行。后來用:
function upimg(){ alert(event.target.id); }
獲取到了。
總結(jié):
盡量使用event.target.id,不要使用this.id。
當(dāng)使用事件委托的時候,this指向的是綁定監(jiān)聽事件的元素,而非被點擊的元素。event.target.id則始終指向被點擊的元素
以上這篇獲取當(dāng)前按鈕或者h(yuǎn)tml的ID名稱實例(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中offsetWidth的bug及解決方法
這篇文章主要為大家詳細(xì)介紹了JavaScript中offsetWidth的bug及解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05