Как автоматически щелкнуть по кнопке (стимулировать щелчок мышью при загрузке)?

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>

Answer 1

С помощью .click () вы можете запустить метод нажатия кнопки вручную.Так что в вашем случае, если вы хотите автоматически нажать кнопку play , вам нужно написать

<code>
    // 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. Более подробно вы можете найти документ jquery

Answer 2

DOM-элементы имеют функцию щелчка, которая позволяет вам сделать это.

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