第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何利用原生JS監(jiān)聽對(duì)加載更多出來的標(biāo)簽進(jìn)行事件綁定

如何利用原生JS監(jiān)聽對(duì)加載更多出來的標(biāo)簽進(jìn)行事件綁定

函數(shù)式編程 2018-11-22 18:15:34
有項(xiàng)目用到 JS 模板,但模板里的標(biāo)簽是字符串非正常運(yùn)行的html標(biāo)簽,對(duì)頁面一開始就加載出來的標(biāo)簽進(jìn)行了事件綁定后,后加載出來的標(biāo)簽,除非用jQuery,我想不出用什么來進(jìn)行監(jiān)聽然后實(shí)現(xiàn)事件綁定。而項(xiàng)目規(guī)定不可以使用如jQuery,zetpo這種框架來做,那么請(qǐng)問了,如題。<p class="p">標(biāo)簽p</p><script>    var ps = document.querySelectorAll('.p');    for (var i = 0; i < ps.length; i++) {        ps[i].addEventListener('click', function(){            var that = this;            console.log(that.innerText);        })    }</script><script type="template">    <p class="p">字符串標(biāo)簽p</p></script>
查看完整描述

1 回答

?
牧羊人nacy

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個(gè)贊

事件委托吧,一個(gè)最基本的代碼如下!

window.onload = function(){

  document.onclick = function(ev){

    var ev = ev || window.event;

    var target = ev.target || ev.srcElement;

    if(target.className.toLowerCase() === 'p'){

         console.log(this.innerHTML);

    }

  }

}

document可以用其它元素代替,但是,代替的元素必須是一開始就存在!不能是頁面加載了再動(dòng)態(tài)加進(jìn)來的!


查看完整回答
反對(duì) 回復(fù) 2018-12-23
  • 1 回答
  • 0 關(guān)注
  • 580 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)