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

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

如何在 JavaScript 中發(fā)送字母數(shù)組的按鍵

如何在 JavaScript 中發(fā)送字母數(shù)組的按鍵

冉冉說(shuō) 2023-07-14 16:50:24
我正在嘗試想出一種解決方案,可以虛擬按鍵進(jìn)行打字測(cè)試。我想要的是獲取文本并將各個(gè)字母存儲(chǔ)在數(shù)組中,然后按下所有鍵,每次按下之間有一些延遲。這是文本布局的 HTML。想象一下它有這個(gè)詞hello。<div class="digit-container">    <div>        <span>h</span>    </div></div><div class="digit-container">    <div>        <span>e</span>    </div></div><div class="digit-container">    <div>        <span>l</span>    </div></div><div class="digit-container">    <div>        <span>l</span>    </div></div><div class="digit-container">    <div>        <span>o</span>    </div></div>這是我想出的 JavaScript 代碼。我已經(jīng)設(shè)法將這些字母存儲(chǔ)在一個(gè)數(shù)組中。wordList = document.querySelectorAll(".digit-container > div > span");wordArray = [];for (let i = 0; i < wordList.length; i++) {    individualWord = wordList[i].innerHTML;    wordArray.push(individualWord);}現(xiàn)在我希望 JavaScript 發(fā)送這個(gè)字母數(shù)組 { "h", "e", "l", "l", "o" } 的按鍵?;旧?,當(dāng)我粘貼此代碼并在控制臺(tái)中按 Enter 鍵時(shí),我希望 JavaScript 在擊鍵之間有幾毫秒的延遲按“Hello”。如何將 JavaScript 放入按鍵中?
查看完整描述

1 回答

?
德瑪西亞99

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

這是解決方案。


const elements = document.querySelectorAll(".digit-container > div > span");

const chars = Array.from(elements).map((item) => item.textContent);


const delay = 1000;


let i = 0;


const pressKey = () => {

  setTimeout(() => {

    const char = chars[i];


    const event = new KeyboardEvent("keyup", {

      key: char

    });


    document.body.dispatchEvent(event);


    if (i !== chars.length - 1) {

      i++;

      pressKey();

    }

  }, delay);

};


pressKey();


document.body.addEventListener("keyup", (e) => {

  console.log(e.key);

});

<div class="digit-container">

    <div>

        <span>h</span>

    </div>

</div>

<div class="digit-container">

    <div>

        <span>e</span>

    </div>

</div>

<div class="digit-container">

    <div>

        <span>l</span>

    </div>

</div>

<div class="digit-container">

    <div>

        <span>l</span>

    </div>

</div>

<div class="digit-container">

    <div>

        <span>o</span>

    </div>

</div>


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

添加回答

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