[英]How to autoclick a button (stimulate a mouse click on load)?
I am taking a website design class and my first project is to stimulate a mouse click for an audio player when the page loads. 我正在参加网站设计课程,我的第一个项目是在页面加载时激发鼠标点击音频播放器。
My website is split in 3 files: HTML, CSS and JS. 我的网站分为3个文件:HTML,CSS和JS。
The current code is: 目前的代码是:
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());
With help Of .click() you can fire manually button click method. 在.click()的帮助下,你可以手动点击按钮点击方法。 So in Your Case, if you want to auto click play button then you have to write
所以在你的情况下,如果你想自动点击播放按钮,那么你必须写
// 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();
});
Fore More detail you can find jquery document
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.