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

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

如何模擬按住按鈕類的點(diǎn)擊

如何模擬按住按鈕類的點(diǎn)擊

慕少森 2023-03-24 16:13:34
我如何模擬按住單擊按鈕？我可以在哪里elements.[0].click();模擬點(diǎn)擊，我怎樣才能讓它按住按鈕例如 5 秒鐘而不是放開它？示例代碼<!DOCTYPE html><html><body><button class="button" id="button">You released the mouse button.</p><script>document.getElementById("button").onmousedown = function() {mouseDown()};document.getElementById("button").onmouseup = function() {mouseUp()};function mouseDown() {  document.getElementById("button").innerHTML = "The mouse button is held down.";}function mouseUp() {  document.getElementById("button").innerHTML = "You released the mouse button.";}</script></body></html>
查看完整描述

1 回答

?
躍然一笑

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

您可以創(chuàng)建事件，當(dāng)然也可以MouseEvents自己創(chuàng)建。

在現(xiàn)代瀏覽器中，您可以通過調(diào)用所需事件類型的構(gòu)造函數(shù)來完成此操作，或者通過調(diào)用document.createEvent('<EventName>') https://developer.mozilla.org/en-US/docs/Web/API/Event

然后，您可以使用https://developer.mozilla.org/de/docs/Web/API/EventTarget/dispatchEvent在您喜歡的任何元素上觸發(fā)此事件dispatchEvent()

document.getElementById("button").addEventListener('mousedown', mouseDown);

document.getElementById("button").addEventListener('mouseup', mouseUp);


function mouseDown() {

  document.getElementById("button").innerHTML = "The mouse button is held down.";

}


function mouseUp() {

  document.getElementById("button").innerHTML = "You released the mouse button.";

}



// bind click event on simulate button

document.querySelector('.simulate').addEventListener('click', () => {

  console.log('start');

  simulateMouseEvent(document.getElementById("button"), 'mousedown')

  setTimeout(() => {

    console.log('end');

    simulateMouseEvent(document.getElementById("button"), 'mouseup')

  }, 5000)

})


// capsulate the event trigger stuff

// see: http://youmightnotneedjquery.com/

function simulateMouseEvent(el, eventName){

  let event;

  if (window.MouseEvent && typeof window.MouseEvent === 'function') {

    event = new MouseEvent(eventName);

  } else {

    event = document.createEvent('MouseEvent');

    event.initMouseEvent(eventName);

  }


  el.dispatchEvent(event);

}

<!DOCTYPE html>

<html>

<body>


  <p>

    <button class="button" id="button">You released the mouse button.</button>

  </p>


  <p>

    <button class="simulate">simulate</button>

  </p>


</body>

</html>


查看完整回答
反對 回復(fù) 2023-03-24
  • 1 回答
  • 0 關(guān)注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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