[英]How to autoclick a button (stimulate a mouse click on load)?
我正在參加網站設計課程,我的第一個項目是在頁面加載時激發鼠標點擊音頻播放器。
我的網站分為3個文件:HTML,CSS和JS。
目前的代碼是:
function onPlayerReady(event) { var playButton = document.getElementById("play"); playButton.addEventListener("click", function() { player.playAudio(); }); var pauseButton = document.getElementById("pause"); pauseButton.addEventListener("click", function() { player.pauseAudio(); }); }
<div class="buttons"> <svg class="button" id="play"> <use xlink:href="#play"> </svg> <svg class="button" id="pause"> <use xlink:href="#pause"> </svg> </div>
DOM元素具有單擊功能,允許您執行此操作。
document.onload(() => document.getElementById('play').click());
在.click()的幫助下,你可以手動點擊按鈕點擊方法。 所以在你的情況下,如果你想自動點擊播放按鈕,那么你必須寫
// this function will execute automatically when page all contents are ready/loaded
$(document).ready(function(){
//add click event lister
onPlayerReady(event);
//auto click button with help of
playButton.click();
});
更多詳細信息,您可以找到jquery文檔
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.