欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

獲取當(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)文章

  • js屏蔽退格鍵(backspace或者叫后退鍵與F5)

    js屏蔽退格鍵(backspace或者叫后退鍵與F5)

    今天有工作人員反饋后臺編輯文章的時候,多按了幾下退格鍵,然后當(dāng)前編輯的頁面都返回到上一頁了,導(dǎo)致剛剛添加的內(nèi)容全部丟失,今天正好有空給整理一下
    2019-02-02
  • VsCode插件整理(小結(jié))

    VsCode插件整理(小結(jié))

    這篇文章主要介紹了VsCode插件整理(小結(jié)),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • Cookies 和 Session的詳解及區(qū)別

    Cookies 和 Session的詳解及區(qū)別

    這篇文章主要介紹了Cookies 和 Session的詳解及區(qū)別的相關(guān)資料,需要的朋友可以參考下
    2017-04-04
  • javascript 模擬點擊廣告

    javascript 模擬點擊廣告

    我們不管js或iframe怎么調(diào)用的,模擬點擊就意味著打開廣告鏈接,廣告商就以為用戶點擊了他的廣告,所以我們只要保證點擊了一個鏈接但沒有跳出頁面的結(jié)果就行了,是嗎?
    2010-01-01
  • JavaScript中offsetWidth的bug及解決方法

    JavaScript中offsetWidth的bug及解決方法

    這篇文章主要為大家詳細(xì)介紹了JavaScript中offsetWidth的bug及解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • 利用JS判斷數(shù)據(jù)類型的四種方法

    利用JS判斷數(shù)據(jù)類型的四種方法

    面試的時候經(jīng)常會問到JS 中 判斷數(shù)據(jù)類型的方法,一般常用的 就是typeof了 ,其他的也想不起來,今天特意在網(wǎng)上查了一下來總結(jié),這篇文章主要介紹了利用JS判斷數(shù)據(jù)類型的四種方法,需要的朋友可以參考下
    2021-08-08
  • JavaScript中的偽數(shù)組用法及說明

    JavaScript中的偽數(shù)組用法及說明

    這篇文章主要介紹了JavaScript中的偽數(shù)組用法及說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-02-02
  • 簡單易懂的JSONP和CORS跨域方案詳解

    簡單易懂的JSONP和CORS跨域方案詳解

    這篇文章主要為大家介紹了簡單易懂的JSONP和CORS跨域方案詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • 基于BootStrap實現(xiàn)局部刷新分頁實例代碼

    基于BootStrap實現(xiàn)局部刷新分頁實例代碼

    這篇文章主要介紹了基于BootStrap實現(xiàn)局部刷新的分頁的相關(guān)資料,非常不錯,代碼簡單易懂,具有參考價值,需要的朋友可以參考下
    2016-08-08
  • 如何用JS獲取帶“\”字符串的中間值?

    如何用JS獲取帶“\”字符串的中間值?

    如何用JS獲取帶“\”字符串的中間值?...
    2007-02-02

最新評論