本文介绍如何使用 JavaScript 监听键盘回车键事件,并在用户按下回车时自动触发登录按钮的点击操作。代码通过判断浏览器类型分别采用 addEventListener 或 attachEvent 方法,确保在 Firefox 和 IE 等主流浏览器中兼容运行,实现回车键提交表单的交互效果。
JavaScript 实现回车键触发登录按钮点击
具体实现代码如下所示:
$(function () {
// 定义回车键响应逻辑
if (document.addEventListener) { // 针对 Firefox 等支持标准事件的浏览器
document.addEventListener("keypress", fireFoxHandler, true);
}
else {
document.attachEvent("onkeypress", ieHandler);
}
function fireFoxHandler(evt) {
if (evt.keyCode == 13) {
$("#btnLogin")[0].click();
}
}
function ieHandler(evt) {
if (evt.keyCode == 13) {
$("#btnLogin")[0].click();
}
}
});