cari

Rumah >hujung hadapan web >tutorial js >Analisis javascript event bubbling examples_javascript kemahiran

Analisis javascript event bubbling examples_javascript kemahiran

WBOY
WBOYasal
2016-05-16 15:59:321290semak imbas

Contoh dalam artikel ini menerangkan peristiwa javascript menggelegak. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Acara menggelegak:

Jika elemen A bersarang dalam elemen B, maka apabila A diklik, bukan sahaja peristiwa onclick A akan dicetuskan, tetapi peristiwa onclick B juga akan dicetuskan,

Jujukan pencetus ialah "dari dalam ke luar".

Tambahkan respons acara dalam p, td, tr, jadual

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>事件冒泡</title>
</head>
<body onclick="alert('body click');">
  <table onclick="alert('table click');">
    <tr onclick="alert('tr click');">
      <td onclick="alert('td click');">
        <input type="button" value="单击我" 
        onclick="alert('button click');" />
      </td>
    </tr>
  </table>
</body>
</html>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Penjelasan terperinci tentang penggunaan objek clipboardData dalam kemahiran javascript_javascriptArtikel seterusnya：Penjelasan terperinci tentang penggunaan objek clipboardData dalam kemahiran javascript_javascript

Artikel berkaitan

Lihat lagi