Bagaimanakah Saya Boleh Mensimulasikan Klik Tetikus dan Peristiwa Onclick dalam JavaScript?

Meniru Klik Tetikus dengan JavaScript

Dalam JavaScript, teknik document.form.button.click() terkenal untuk mensimulasikan klik butang. Walau bagaimanapun, mensimulasikan peristiwa onclick memerlukan pendekatan yang berbeza. Artikel ini meneroka cara untuk mencapai ini melalui penyelesaian kod yang komprehensif.

Mensimulasikan Peristiwa 'onclick'

Coretan kod yang disediakan, contextMenuClick(), memulakan objek MouseEvent dan menghantarnya ke yang dikehendaki unsur. Ini secara berkesan mencetuskan peristiwa onclick:

function contextMenuClick() {
  var element = 'button';
  var evt = element.ownerDocument.createEvent('MouseEvents');

  evt.initMouseEvent('contextmenu', true, true, element.ownerDocument.defaultView,
                     1, 0, 0, 0, 0, false, false, false, false, 1, null);

  element.dispatchEvent(evt);
}

Simulasi Acara Tetikus Generik

Memperkenalkan fungsi umum yang dipanggil simulasi menghapuskan keperluan untuk fungsi tertentu seperti contextMenuClick. Ia membenarkan simulasi kedua-dua HTMLEvents dan MouseEvents untuk sebarang elemen:

function simulate(element, eventName, options) {
  var eventType;

  for (var name in eventMatchers) {
    if (eventMatchers[name].test(eventName)) {
      eventType = name;
      break;
    }
  }

  ... // Function implementation continues

  return element;
}

Fungsi ini menerima tiga parameter: elemen, eventName dan pilihan. Pilihan lalai disediakan, tetapi boleh ditindih dengan menghantar objek pilihan tersuai.

Penggunaan

Untuk mencetuskan acara klik tetikus menggunakan simulasi:

simulate(document.getElementById("btn"), "click");

Penyesuaian

Objek pilihan membenarkan penyesuaian pelbagai parameter acara, termasuk koordinat tetikus, pengubah suai (Ctrl, Alt, Shift, Meta) dan tingkah laku acara (gelembung, boleh dibatalkan). Contohnya:

simulate(document.getElementById("btn"), "click", { pointerX: 123, pointerY: 321 });

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mensimulasikan Klik Tetikus dan Peristiwa Onclick dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!