javascript监听键盘事件 - 如表单enter回车提交

最新推荐文章于 2025-06-19 07:15:30 发布

草巾冒小子

最新推荐文章于 2025-06-19 07:15:30 发布

阅读量6.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 5 JavaScript

本文为优快云博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文链接：https://blog.youkuaiyun.com/qq_35393869/article/details/79854995

JavaScript 同时被 2 个专栏收录

70 篇文章

订阅专栏

HTML 5

33 篇文章

订阅专栏

本文介绍如何使用JavaScript监听键盘事件，包括常见的单个按键（如Esc、BackSpace、F2、F12、Enter等）及组合键（如Ctrl+S、Ctrl+V等）。通过示例代码展示具体实现方式。

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

javascript监听键盘点击时间，比如：enter回车表单提交、禁止F5刷新、禁用鼠标右键等等

本文仅简单做个介绍，权当抛砖引玉了；如果朋友们有更好的建议或者意见，欢迎留言评论。

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>监听BackSpace_Esc_F2_F12_Enter_Ctrl+S等等组合键</title>
</head>
<body>
<h2>js方法：监听BackSpace_Esc_F2_F12_Enter_Ctrl+S等等组合键</h2>

<script>
	document.onkeydown=function(event){   
        var e = event || window.event || arguments.callee.caller.arguments[0];   
        if(e && e.keyCode==27){ // 按 Esc    
            //要做的事情   
            alert("按 Esc");   
        }  
        if(e && e.keyCode==8){ // 按 BackSpace    
            //要做的事情   
            alert("按 BackSpace");   
        } 
        if(e && e.keyCode==113){ // 按 F2    
            //要做的事情   
            alert("按 F2");   
        }   
        if(e && e.keyCode==123){ // 按 F12    
            //要做的事情   
            alert("按 F12");   
        }              
        if(e && e.keyCode==13){ // enter 键   
            //要做的事情   
            alert("按 Enter");   
        }  
        if (e.keyCode == 86 && e.ctrlKey) {    
            alert("你按下了Ctrl+V");    
        }  
        if (e.keyCode == 83 && e.ctrlKey) {    
            alert("你按下了Ctrl+S");    
        }  
	};    
</script>
</body>
</html>