masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > js给onclick事件赋值，动态传参数实例解说_javascript技巧

js给onclick事件赋值，动态传参数实例解说_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:39:03
asal
932 orang telah melayarinya
我们先看看错误的例子
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

<script> <BR>function show(value) <BR>{ <BR>alert(value); <BR>} <br><br>btn.onclick = show(certid.value); <BR><script> <BR></script>

以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
复制代码 代码如下:

btn.onclick = show;

参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

<script> <BR>function show(value1,value2) <BR>{ <BR>alert(value1+","+value2); <BR>} <br><br>var i = 10; <BR>btn.onclick = function(){ <BR>show(certid.value,i); <BR>}; <BR><script> <BR></script>

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
Label berkaitan：
onclick
sumber：php.cn
Artikel sebelumnya：js 利用image对象实现图片的预加载提高访问速度_javascript技巧 Artikel seterusnya：javascript重写alert方法的实例代码_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
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
JavaScript tidak berjalan seperti yang diharapkan Saya cuba membuat htmlcssjs responsif tetapi ia tidak berfungsi seperti yang diharapkan, a...
daripada 2024-04-04 13:05:32
0
1
306
Ralat dalam menampal fungsi API data papan keratan dalam javascript Uncaught TypeError: Tidak dapat membaca sifat undefined (membaca 'getData') Kod butang Html adalah seperti berikut, saya mencuba fungsi onclick mudah pada butang dan ...
daripada 2024-04-04 10:23:52
0
1
335
Adakah terdapat cara untuk menyembunyikan imej selepas mengkliknya dan memaparkannya apabila mengklik sekali lagi? Saya mempunyai imej yang menindih objek. Saya ingin mengklik dan menyembunyikannya, tunjuk...
daripada 2024-04-03 20:13:41
0
1
311
React CSS yang diimport dalam modul jsx tidak digunakan Saya mengimport fail css saya seperti ini: importstylesfrom "./Documentation.module.c...
daripada 2024-04-03 18:41:07
0
1
365
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