JS监听回车键

最新推荐文章于 2024-03-12 20:38:38 发布

zhuanghw全栈工程师

最新推荐文章于 2024-03-12 20:38:38 发布

阅读量6.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS特效文章标签： JS监听回车键

本文链接：https://blog.youkuaiyun.com/zhw0596/article/details/87299332

JS特效专栏收录该内容

11 篇文章

订阅专栏

本文介绍了使用JavaScript监听输入框和DIV区域的回车事件，通过keyCode或which属性判断是否为回车键，并阻止默认行为，实现点击按钮执行查询功能。适用于网页表单的快速响应设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


1、JS监听某个输入框
//回车事件绑定
$('#text').bind('keypress', function(event) {
    if (event.keyCode == "13") {
        event.preventDefault();
        //回车执行查询
        $('#button').click();
    }
});

2、JS监听某个DIV区域

$("#queryTable").bind("keypress",function(e){
// 兼容FF和IE和Opera
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code == 13) {
e.preventDefault();
//回车执行查询
$("#queryButton").click();
}
});