Cách kích hoạt (trigger) sự kiện click trong JavaScript

Để kích hoạt sự kiện click bằng code, ví dụ khi hover chuột:

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p>Di chuột qua nút.</p>
    <form>
      <input type="button" id="test" value="Hover" onmouseover="display()" onclick="alert('click event')">
    </form>
    <script>
      function display() {
        document.getElementById("test").click();
      }
    </script>
  </body>
</html>

Giải thích: element.click() mô phỏng click người dùng, kích hoạt handler onclick và default action.

Cách khác (custom event):

element.dispatchEvent(new MouseEvent('click', {bubbles: true, cancelable: true}));