masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > javascript中注册和移除事件的4种方式_javascript技巧

javascript中注册和移除事件的4种方式_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:40:11
asal
1195 orang telah melayarinya

对于html中的一些元素注册事件的方式有多种
第一种：

复制代码 代码如下:

<script> <BR>function test() <BR>{ <BR>alert("OK"); <BR>} <BR></script>
测试

第二种：
复制代码 代码如下:

测试
<script> <BR>function test() <BR>{ <BR>alert("OK"); <BR>} <BR>var x=document.getElementById("a"); <BR>x.onclick=test;//注意没有() <BR></script>

第三种(W3C模型)：
复制代码 代码如下:

测试
<script> <BR>function test() <BR>{ <BR>alert("OK"); <BR>} <BR>var x=document.getElementById("a"); <BR>x.addEventListener("click",test,false); <BR></script>

其中addEventListener()三个参数中，第一个表示什么事件类型，注意没有on，第二个指定方法，第三个是标示是事件冒泡(true)还是事件捕获(false)，涉及到从下到上还是从上到下的事件发生顺序。
移除事件的方法时removeEventListener(),其中参数和addEventListener()一样。
这种模式在IE浏览器中会报错，在chrome中正常执行。

第四种(微软模型)：
复制代码 代码如下:

测试
<script> <BR>function test() <BR>{ <BR>alert("OK"); <BR>} <BR>var x=document.getElementById("a"); <BR>x.attachEvent("onclick",test); <BR></script>

其中attachEvent()两个参数中，第一个表示什么事件类型，注意带on，第二个指定方法。
移除事件的方法是detachEvent(),其中参数和attachEvent()一样。
Label berkaitan：
事件 mendaftar Alih keluar
sumber：php.cn
Artikel sebelumnya：jQuery Mobile页面跳转后未加载外部JS原因分析及解决_jquery Artikel seterusnya：DIV+CSS+JS不间断横向滚动实现代码_javascript技巧
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Mengapa meninggalkan 0ms tidur mematahkan peralihan css saya? Saya cuba melaksanakan animasi FLIP untuk melihat sama ada saya memahaminya dengan betul. ...
daripada 2024-04-06 16:29:50
0
2
490
Cipta pengguna dalam Vue menggunakan Firebase tanpa log masuk Saya telah mencipta borang untuk membuat profil pengguna. Tetapi apabila saya mencipta pen...
daripada 2024-04-06 14:20:12
0
1
514
V-kad Vuetify sesuai dengan semua ketinggian yang mungkin dalam v-col Saya sedang membina halaman log masuk/pendaftaran menggunakan vue dan vuetify. Saya meleta...
daripada 2024-04-06 10:29:26
0
1
406
PHPMailer menggunakan gmail dan XOAUTH2: Bagaimana untuk mendapatkan token penyegaran baharu secara automatik apabila token penyegaran semasa tamat tempoh? Saya bimbang tentang menggunakan Gmail dengan XOAUTH2 (PHPMailerWiki) dan Bagaimana untuk ...
daripada 2024-04-06 10:14:45
0
1
373
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan