masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > IE下双击checkbox反应延迟问题的解决方法_javascript技巧

IE下双击checkbox反应延迟问题的解决方法_javascript技巧

WBOY
Lepaskan： 2016-05-16 16:54:17
asal
1435 orang telah melayarinya
复制代码 代码如下:



上面这段代码在IE下会生成一个多选框，单击它会选中打勾，再次单击则会取消打勾。

这样看上去并没有什么不妥的地方，但是如果你尝试快速两次单击（比双击稍微慢一点吧。。）这个按钮，可能效果并不如你想象的那样。

在IE下面，假如此时checkbox为选中状态，在你快速两次单击的过程中，第一次单击会使得checkbox取消选中，第二次单击完之后checkbox并不会变为已选中，而是继续保持取消选中状态。

在Chrome等浏览器下，第一次单击会使得checkbox取消选中，在第二次单击之后checkbox会还原为已选中的状态。

所以在IE下，双击后，checkbox会变为相反的状态。在非IE下，双击后checkbox为相同的状态。

如果想在IE下双击checkbox会达到非IE下的效果，则需使用如下代码：
复制代码 代码如下:


$("input[type='checkbox']").attr('ondblclick', 'this.click()');
Label berkaitan：
ie klik dua kali
sumber：php.cn
Artikel sebelumnya：JS字符串拼接在ie中都报错的解决方法_javascript技巧 Artikel seterusnya：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
Di manakah saya harus mula menjadikan halaman ini responsif? <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8...
daripada 2024-04-04 21:21:25
0
1
457
Bagaimana untuk mendapatkan nilai input melalui acara onblur? Saya cuba mendapatkan input nilai melalui acara onblur tetapi ia tidak berfungsi apabila s...
daripada 2024-04-03 08:55:32
0
1
360
Tidak dapat menghantar data dari axios ke pelayan nod yang mengembalikan objek kosong Kod pelanggan saya: <htmllang="en"><head><metacharset="UTF-8...
daripada 2024-03-31 11:14:22
0
1
2476
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