如何自动点击一个按钮（在加载时模拟鼠标点击）？

Question

我正在学习网站设计课程，我的第一个项目是在页面加载时模拟鼠标点击音频播放器。

我的网站分为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>

- frankdwhite90

Answer 1

DOM元素有一个点击函数，可以让您做到这一点。

document.onload(() => document.getElementById('play').click());

- Ace

Answer 2

With help Of .click() you can fire manually button click method. 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

- Vardhik Prajapati