Làm cách nào để mô phỏng một nhấp chuột bằng JavaScript?

Tôi chỉ tự hỏi làm thế nào tôi có thể sử dụng JavaScript để mô phỏng nhấp chuột vào một yếu tố.

Hiện tại tôi có:

<script type="text/javascript">
function simulateClick(control)
{
    if (document.all)
    {
        control.click();
    }
    else
    {
        var evObj = document.createEvent('MouseEvents');
        evObj.initMouseEvent('click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null );
        control.dispatchEvent(evObj);
    }
}
</script>

<a href="http://www.google.com" id="mytest1">test 1</a><br>

<script type="text/javascript">
    simulateClick(document.getElementById('mytest1'));
</script>

Nhưng nó không hoạt động :(

Có ý kiến ​​gì không?

Đây là những gì tôi đã nấu lên. Nó khá đơn giản, nhưng nó hoạt động:

function eventFire(el, etype){
  if (el.fireEvent) {
    el.fireEvent('on' + etype);
  } else {
    var evObj = document.createEvent('Events');
    evObj.initEvent(etype, true, false);
    el.dispatchEvent(evObj);
  }
}

Sử dụng:

eventFire(document.getElementById('mytest1'), 'click');

Điều gì về một cái gì đó đơn giản như:

document.getElementById('elementID').click();

Được hỗ trợ bởi IE.

Bạn đã cân nhắc sử dụng jQuery để tránh tất cả sự phát hiện của trình duyệt chưa? Với jQuery, nó sẽ đơn giản như:

$("#mytest1").click();

var elem = document.getElementById('mytest1');

// Simulate clicking on the specified element.
triggerEvent( elem, 'click' );

/**
 * Trigger the specified event on the specified element.
 * @param  {Object} elem  the target element.
 * @param  {String} event the type of the event (e.g. 'click').
 */
function triggerEvent( elem, event ) {
  var clickEvent = new Event( event ); // Create the event.
  elem.dispatchEvent( clickEvent );    // Dispatch the event.
}

Tài liệu tham khảo

• https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events
• https://codepen.io/felquis/pen/damDA

Bạn có thể tiết kiệm cho mình một loạt dung lượng bằng cách sử dụng jQuery. Bạn chỉ cần sử dụng:

$('#myElement').trigger("click")

Câu trả lời hàng đầu là tốt nhất! Tuy nhiên, nó không kích hoạt các sự kiện chuột cho tôi khi Firefox etype = 'click'.

Vì vậy, tôi đã thay đổi document.createEventthành 'MouseEvents'và điều đó đã khắc phục vấn đề. Mã bổ sung là để kiểm tra xem một bit mã khác có can thiệp vào sự kiện hay không và nếu nó bị hủy, tôi sẽ đăng nhập nó vào bàn điều khiển.

function eventFire(el, etype){
  if (el.fireEvent) {
    el.fireEvent('on' + etype);
  } else {
    var evObj = document.createEvent('MouseEvents');
    evObj.initEvent(etype, true, false);
    var canceled = !el.dispatchEvent(evObj);
    if (canceled) {
      // A handler called preventDefault.
      console.log("automatic click canceled");
    } else {
      // None of the handlers called preventDefault.
    } 
  }
}

document.getElementById('elementId').dispatchEvent(new MouseEvent("click",{bubbles: true, cancellable: true}));

Theo liên kết này để biết về các sự kiện chuột bằng cách sử dụng Javascript và tương thích trình duyệt cho cùng

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent#Browser_compabilities