jquery如何判断是否按下了Enter键

coldplay.xixi
Lepaskan: 2023-01-04 09:36:51
asal
2239 orang telah melayarinya

jquery判断是否按下了Enter键的方法:使用keynum方法判断,代码为【$('#textBox').keypress(function(event){var keynum = (event.keyCode ?event.keyC】。

jquery如何判断是否按下了Enter键

本教程操作环境:windows7系统、jquery3.2.1版本、thinkpad t480电脑。

推荐:jquery视频教程

jquery判断是否按下了Enter键的方法:

在jquery中,通过如下的方法,判断是否按下了Enter(回车)

$('#textBox').keypress(function(event){  
    var keynum = (event.keyCode ? event.keyCode : event.which);  
    if(keynum == '13'){  
        alert('You pressed a "Enter" key in textbox');    
    }  
});  
  
$(document).keypress(function(event){  
    var keynum = (event.keyCode ? event.keyCode : event.which);  
    if(keynum == '13'){  
        alert('You pressed a "Enter" key in somewhere');      
    }  
});
Salin selepas log masuk

注意,Netscape/Firefox/Opera是支持event.which去获得键的ASCII码,而IE是同时支持event.keyCodeevent.which的。

最后,取得keynum的流程也可以使用if进行判断。

补充:jQuery获取 Ctrl + Enter Shift + Enter

jQuery中对键盘事件进行了修正,调用函数的时候传入事件即可,通过事件的which可以找到键码。不过当有组合键的时候,需要注意一下。

如Ctrl + Enter,虽然都是用e.ctrlKey,但是Enter键的键码不是始终为13了。

在FireFox中,判断Ctrl + Enter是e.ctrlKey && e.which == 13

而在IE6中,判断Ctrl + Enter是e.ctrlKey && e.which == 10

示例:

$(document).keypress(function(e){
        if(e.ctrlKey && e.which == 13 || e.which == 10) { 
                $("#btn").click();
        } else if (e.shiftKey && e.which==13 || e.which == 10) {
                $("#btnv").click();
        }          
 })
Salin selepas log masuk

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci jquery如何判断是否按下了Enter键. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!