JavaScript 监听回车事件

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

原创最新推荐文章于 2024-03-12 20:38:38 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #触发 #回车

本文介绍了如何使用JavaScript来监听页面中不同元素上的回车键事件，包括输入框、指定的DIV区域以及整个body区域，提供了具体的实现代码。

//回车事件绑定
    $('#search_input').bind('keyup', function(event) {
        if (event.keyCode == "13") {
            //回车执行查询
            $('#search_button').click();
        }
    });

JS监听某个DIV区域

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

JS监听body区域

 //回车事件
    document.onkeydown = function (event) {
        var e = event || window.event;
        if (e && e.keyCode == 13) { //回车键的键值为13
            $("#login").click(); //调用登录按钮的登录事件
        }
    };