Acara mana yang menyokong acara menggelegak

Acara yang menyokong acara menggelegak termasuk acara tetikus, acara papan kekunci, acara borang, acara tetingkap, acara sentuh, dsb. Pengenalan terperinci: 1. Acara tetikus, klik, dblclick, tetikus turun, tetikus, alih tetikus, tetikus keluar, dsb. 2. Acara papan kekunci, kekunci kekunci, tekan kekunci, dll.; kabur, dsb.; 4 , peristiwa tetingkap, dsb.

Sistem pengendalian untuk tutorial ini: sistem Windows 10, komputer DELL G3.

Acara menggelegak ialah kaedah penyebaran acara biasa dalam JavaScript. Apabila peristiwa menyala pada elemen, peristiwa itu bukan sahaja menyala pada elemen itu, tetapi juga menggelembung, mencetuskan pengendali acara unsur induknya. Mekanisme menggelegak ini membolehkan kami menggunakan lebih sedikit kod untuk mengendalikan acara yang sama, terutamanya apabila berurusan dengan struktur DOM yang kompleks.

Kebanyakan acara penyemak imbas menyokong acara menggelegak, termasuk:

1 Acara tetikus: klik, dblclick, tetikus turun, tetikus, alih tetikus, tetikus keluar, dll.;# 🎜🎜. #

2. Acara papan kekunci: kekunci kekunci, kekunci, dll.;

3 ## 🎜🎜#4. Acara tetingkap: muat, bongkar, ubah saiz, tatal, dll.;

5 peristiwa sentuh).

Berikut ialah beberapa contoh khusus:

// 鼠标事件冒泡  
document.getElementById("outer").addEventListener("click", function() {  
  console.log("outer clicked");  
});  
  
document.getElementById("inner").addEventListener("click", function() {  
  console.log("inner clicked");  
});  
  
// 键盘事件冒泡  
document.getElementById("outer").addEventListener("keydown", function() {  
  console.log("outer keydown");  
});  
  
document.getElementById("inner").addEventListener("keydown", function() {  
  console.log("inner keydown");  
});  
  
// 表单事件冒泡  
document.getElementById("outer").addEventListener("submit", function() {  
  console.log("outer submit");  
});  
  
document.getElementById("inner").addEventListener("submit", function() {  
  console.log("inner submit");  
});

Dalam contoh di atas, apabila klik atau kekunci tekan berlaku pada elemen "dalaman", elemen "dalaman" dan Elemen "luar" Fungsi pengendali acara akan dicetuskan. Ini adalah kesan peristiwa menggelegak.

Atas ialah kandungan terperinci Acara mana yang menyokong acara menggelegak. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!