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

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

通過(guò) javascript 將函數(shù)添加到元素

通過(guò) javascript 將函數(shù)添加到元素

哈士奇WWW 2023-11-11 16:01:34
所以我有一個(gè)循環(huán)來(lái)初始化數(shù)組中的元素和屬性,并且我已經(jīng)成功添加了我需要的所有內(nèi)容,除了一件事,一個(gè)函數(shù)。有問(wèn)題的循環(huán)如下:for (const character of result) {    let image = document.createElement("img");    image.src = character.src;    image.setAttribute('data-jval', character.jval);    image.setAttribute('id', character.id);    image.setAttribute('class', character.class)    image.setAttribute('draggable', 'true')    // the below function isn't being added to the divs    image.addEventListener('ondragstart', function(event){        let data = event.target.dataset.jval;        event.dataTransfer.setData("text", data);    })    let wrapper = document.createElement('div');    wrapper.appendChild(image);    section.appendChild(wrapper);  }我試圖添加到我的元素中的功能是:  function drag(event) {    let data = event.target.dataset.jval;    event.dataTransfer.setData("text", data);  }在嘗試用 JavaScript 創(chuàng)建元素之前,我將它們放在 HTML 中,它們看起來(lái)像這樣:<img data-jval="a" id="jval-a" src="./images/あ.png" class="j-char-img" draggable="true"  ondragstart="drag(event)"/>但是當(dāng)我用循環(huán)重新創(chuàng)建它時(shí),它看起來(lái)像這樣,缺少 ondragstart="drag(event"<img src="/images/あ.png" data-jval="i" id="jval-i" class="j-char-img" draggable="true">如果我的其余代碼有用,我也可以發(fā)布它。
查看完整描述

2 回答

?
Smart貓小萌

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

只需“dragstart”而不是“ondragstart”事件:


for (const character of result) {

    let image = document.createElement("img");

    image.src = character.src;

    image.setAttribute('data-jval', character.jval);

    image.setAttribute('id', character.id);

    image.setAttribute('class', character.class)

    image.setAttribute('draggable', 'true')


    // the below function isn't being added to the divs

    image.addEventListener('dragstart', drag);


    let wrapper = document.createElement('div');

    wrapper.appendChild(image);

    section.appendChild(wrapper);

  }


  function drag(event) {

    let data = event.target.dataset.jval;

    event.dataTransfer.setData("text", data);

  }

因此,基本上,當(dāng)您編寫(xiě)內(nèi)聯(lián)事件處理程序時(shí),您可以在事件之前添加前綴on,就像之前將事件處理程序放入標(biāo)記中一樣img。對(duì)于任何其他事件也是如此:


click => onclick

submit => onsubmit

keydown => onkeydown


查看完整回答
反對(duì) 回復(fù) 2023-11-11
?
牛魔王的故事

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

#try to add Semicolon;

    image.setAttribute('class', character.class);

    image.setAttribute('draggable', 'true');

    // the below function isn't being added to the divs

    image.addEventListener('ondragstart', function(event){

        let data = event.target.dataset.jval;

        event.dataTransfer.setData("text", data);

    });


查看完整回答
反對(duì) 回復(fù) 2023-11-11
  • 2 回答
  • 0 關(guān)注
  • 171 瀏覽
慕課專欄
更多

添加回答

舉報(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)