今天做的上傳圖片,點擊圖片刪除。 隨機給圖片id,獲取圖片id,然後刪除圖片。 由於圖片id是隨機的,用點擊img或者點擊class,獲取id都不行,最後用onclick事件獲取。 js代碼如下: 開始這樣獲取: 不行。後來用: 獲取到了。 總結: 儘量使用event.target.id,不要使用t ...
今天做的上傳圖片,點擊圖片刪除。
隨機給圖片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); }
獲取到了。
總結:
儘量使用event.target.id
,不要使用this.id
。
當使用事件委托的時候,this
指向的是綁定監聽事件的元素,而非被點擊的元素。event.target.id
則始終指向被點擊的元素