如何使用 JavaScript 模拟点击？

方法一：使用click()方法： click()方法用来模拟鼠标点击一个元素。它触发调用它的元素的单击事件。该事件冒泡到文档树中更高的元素，并触发它们的点击事件。首先选择要单击的元素，并使用 click() 方法。这模拟了对元素的单击。

句法：

element.click()

示例： setInterval()函数用于调用模拟点击的函数。该按钮有一个 onclick 处理程序，每次正常单击按钮或通过模拟单击时，该处理程序都会增加计数变量。

      

    
        How to simulate a click
        with JavaScript ?
    

  

    
        GeeksforGeeks
    
      
    
        How to simulate a click
        with JavaScript ?
    
  
    
        The button was clicked 
        
        times
    
      
    
        Click Me!
    
      
    
      
        let clicks = 0;
  
        function addClick() {
            clicks = clicks + 1;
            document.querySelector('.total-clicks').textContent
                        = clicks;
        }
  
        // Simulate click function
        function clickButton() {
            document.querySelector('#btn1').click();
        }
  
        // Simulate a click every second
        setInterval(clickButton, 1000);
    

  

运行三秒后输出：

方法 2：创建新的 CustomEvent： CustomEvent 构造函数用于创建要在任何元素上使用的新事件。 CustomEvent 接口处理由应用程序出于任何目的而初始化的事件。 'click' 事件可以传递给 CustomEvent 的构造函数以创建点击事件。这个创建的事件有各种属性，可以访问这些属性来自定义事件。

首先选择要单击的元素。在此元素上使用 dispatchEvent() 方法来触发 click 事件。 dispatchEvent() 方法在指定目标处分派一个事件。这模拟了对所选元素的单击。

句法：

click_event = new CustomEvent('click');
btn_element = document.querySelector('#element');
btn_element.dispatchEvent(click_event);

示例： setInterval()函数用于调用模拟点击的函数。该按钮有一个 onclick 处理程序，每次正常单击按钮或通过模拟单击时，该处理程序都会增加计数变量。

      

    
        How to simulate a click
        with JavaScript ?
    

  

    
        GeeksforGeeks
    
      
    
        How to simulate a click
        with JavaScript ?
    
  
    
        The button was clicked 
        
        times
    
      
    
        Click Me!
    
      
    
  
        let clicks = 0;
  
        function addClick() {
            clicks = clicks + 1;
            document.querySelector('.total-clicks').textContent
                        = clicks;
        }
  
        // Simulate click function
        function clickButton() {
            click_event = new CustomEvent('click');
            btn_element = document.querySelector('#btn1');
            btn_element.dispatchEvent(click_event);
        }
  
        // Simulate a click every second
        setInterval(clickButton, 1000);
    

  
                    

运行13秒后输出：