在html输入框中响应enter键盘------介绍onkeydown方法

最新推荐文章于 2022-08-31 10:26:47 发布
最新推荐文章于 2022-08-31 10:26:47 发布
阅读量5.6w 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： javaScript 文章标签： onkeydown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yhk724555508/article/details/85505522
本文介绍了一种在HTML输入框中使用onkeydown事件来捕捉并响应Enter键的方法，通过简单的JavaScript函数实现特定操作。

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

用onkeydown即可解决html输入框中enter键， 如下：

<html>
<body>
 
<input onkeydown="if(event.keyCode==13) {show()}"/>
 
<script>
function show()
{
    alert("yes");
}
</script>
 
</body>
</html>

HTML:用JavaScript——onkeydown通过按下wasd四个字母，使图片上下左右移动
m0_59401963的博客
04-10 518
onkeydown是Web开发中处理键盘输入的重要工具之一，它提供了实时响应用户键盘操作的能力。
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
10-25
主要介绍了JavaScript onkeydown事件入门实例,onkeydown事件捕捉键盘上某个按键被按下的情况,需要的朋友可以参考下
html之文本框的onkeydown()响应Enter键——键盘事件
程序羊的博客
10-18 1万+
事件目录常见的jQuery事件常见的鼠标、键盘事件 很多时候，我们需要在html的输入框中按下回车键（Enter）做模糊查找，那么就可以使用到 onkeydown 事件了。 示例代码： <html> <body> <input onkeydown="if(event.keyCode==13) {test()}"/> <script> fun...
在html输入框中响应enter键盘------介绍重要的onkeydown方法实现“模糊查找”
热门推荐
认知 行动 坚持
03-06 3万+
         在html输入框中响应enter键， 这本来就是很简单的问题， 但我查了一下网上资料， 多数写的有点复杂， 其实， 用onkeydown即可搞定， 如下：   &lt;html&gt; &lt;body&gt; &lt;input onkeydown="if(event.keyCode==13) {test()}"/&gt; &lt;script&gt; functio...
为 html 的文本输入框增加 onkeydown 事件
tfish的专栏
05-14 465
<html> <head> <title></title> <script> function displayResult() { var x; if ( window.event ) { x = event.keyCode; } else if ( event.which ) { x = event.which; } var keychar = String.from.
html事件中写js,html中js事件onkeydown的功能详解
weixin_39688750的博客
05-31 591
摘要：下文讲述html中onkeydown事件的相关说明，如下所示；onkeydown事件功能onkeydown事件功能:onkeydown事件用于当用户在html对象上按下键盘时(此时还未松开键盘)时,触发相应的js事件onkeydown事件语法:——–参数说明———script:onkeydown中执行的脚本onkeydown事件注意事项:1.目前市面上所有浏览器都支持此事件2.onkeydo...
JS为键盘中的Enter键添加onkeyDown()和onkeyUp()事件
北辰
07-09 3904
<input type="text" id="pageNum" onkeydown="pageNumKeydown(0,event)" onkeyup="pageNumKeyup(this,event)"/> <span id="totalPageSpan0"></span> /** * 给页码输入框添加Enter事件，跳转指定页码...
html+body+on+键盘事件,JavaScript事件类型：键盘事件与焦点事件
weixin_34416354的博客
06-05 437
键盘事件用户在使用键盘时会触发键盘事件。1、keydown事件和keyup事件keydown：当用户按下键盘上的任意键时触发，如果按住不放的话，会重复触发此事件。Keyup：当用户释放键盘上的键时触发。event对象属性在发生keydown和keyup事件时，event对象的keyCode属性中会包含一个代码，与键盘上的一个特定的键对应。Dom和IE的event对象都支持keyCode属性。例子：...
onKeydown 应用-回车登录
weixin_34358365的博客
09-11 559
onkeydown 事件 onkeydown 事件会在用户按下一个键盘按键时发生。 例子 vue 环境 html &lt;div class="center"&gt; &lt;div class="box"&gt; &lt;i class="icon-name"&gt;&lt;/i&gt; &lt;input type=&
onkeydown事件解决按回车键直接提交数据的需求
12-01
登陆页面需要扑捉用户按下回车自动提交的需求: 在body里添加onkeydown事件跳javascript在提交表单。 查找文档如下 onkeydown 事件会在用户按下一个键盘按键时发生。 语法：onkeydown=”SomeJavaScriptCode” 支持该事件的html标签; 代码如下: <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em
HTML DOM 事件 —— 键盘事件 JS键盘事件
Yxd0724的博客
08-31 5449
如果想实现快捷的页面操作，或者是一些前端的游戏，了解键盘事件很重要；onkeydown 某个键盘按键被按下onkeypress 某个键盘按键被按下并松开onkeyup 某个键盘按键被松开这些键盘事件可以使用于,,,,,,,,,, 和......
Enter键调用登陆按钮效果（keyCode、onkeydown)
sunlizhen的专栏
06-19 793
按Enter键调用登陆按钮效果； input type="button" value="登陆按钮" id="box"> window.onload = function(){ var oBox = document.getElementById("box"); oBox.onclick = function(){ alert("我被点击了！");
实现单击或者回车双重登录动作（页面登录的回车事件onkeydown）
lpch0825的博客
02-23 438
&lt;script type="text/javascript"&gt; //基于jquery的button默认enter事件(回车事件) document.onkeydown = function (e) { var theEvent = window.event || e;//浏览器兼容性 var code = theEvent.keyCode || theEvent.which; ...
onkeydown 解决按回车键直接提交方案
数据库
04-11 449
登陆页面需要扑捉用户按下回车自动提交的需求: 在body里添加onkeydown事件 跳javascript 在提交表单。 查找文档如下 onkeydown 事件会在用户按下一个键盘按键时发生。 语法：onkeydown="SomeJavaScriptCode" 支持该事件的html标签; &lt;a&gt;, &lt;acronym&gt;, &lt;address&gt;, &...
input在html中的含义,Html中input标签的使用
weixin_36435325的博客
06-09 427
1.取消按钮按下时的虚线框在input里添加属性值 hideFocus 或者 HideFocus=true2.只读文本框内容在input里添加属性值 readonly3.防止退后清空的TEXT文档(可把style内容做做为类引用)type=text id=oPersistInput>4.ENTER键可以让光标移到下一个输入框onkeydown="if(event.keyCode==13)ev...
2021-09-28
weixin_44753834的博客
09-28 125
HTML的三种键盘事件onkeydown、onkeypress、onkeyup onkeydown:当按下按键时运行脚本 语法：<element onkeydown="script"> 例如： <input type="text" onkeydown="script"> input ：表单标签 type ：MIME的类型（ 媒体类型） script ：事件onkeydown触发时执行的脚本 <!DOCTYPE html> <html> <head&g
HTML防止input回车提交表单
weixin_30648963的博客
10-23 99
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下： 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（<b...
input高级限制级用法
itant的专栏
12-28 780
1.取消按钮按下时的虚线框 　　在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 　　 4.ENTER键可以让光标移到下一个输入框 　　 5.只能为中文(有闪动) 　　 6.只能为数字(有闪动) 　　 7.只能为数字(无闪动) 　　57)
pMsg->wParam == VK_RETURN是什么意思
最新发布
05-15
<think>好的，我现在需要回答用户的问题，即解释`pMsg->wParam == VK_RETURN`的作用和用法，并说明头文件的编写方法。用户之前问过关于在MFC的CFormView中响应回车键的头文件实现，现在他们参考了提供的引用内容，想更深入理解这部分代码的含义以及头文件的写法。 首先，我需要明确用户的具体疑问点。用户可能对`pMsg->wParam == VK_RETURN`这个条件判断不太理解，想知道它的具体作用和在实际代码中的应用场景。同时，他们还想了解如何在头文件中正确编写相关的消息处理代码，特别是结合之前的示例。 接下来，我需要拆解问题。对于`pMsg->wParam == VK_RETURN`，要解释MSG结构体中wParam参数在此处的意义，以及VK_RETURN这个虚拟键码代表的物理按键。这部分需要结合Windows消息机制和MFC框架中的PreTranslateMessage函数的作用。用户提供的引用[1]、[2]、[3]都提到了在PreTranslateMessage中处理回车键，所以应该参考这些示例说明。 然后，关于头文件的编写方法，用户之前的回答已经给出了一个示例，现在需要详细解释为什么要在头文件中内联实现PreTranslateMessage，消息映射的声明和定义的位置，以及相关的注意事项，比如避免链接错误、正确处理控件焦点等。引用[4]提到MFC的消息映射机制，DECLARE_MESSAGE_MAP和BEGIN_MESSAGE_MAP等宏的使用，需要将这些内容融入解释中，确保用户理解头文件中消息处理的正确结构。 用户可能存在的疑问点包括：为什么使用PreTranslateMessage而不是其他消息处理函数？如何处理多个控件的情况？头文件中内联实现和cpp文件实现的区别？需要逐一解答这些问题，并结合示例代码说明。 还需要注意用户之前的问题中提到的注意事项，例如多工程引用可能导致的链接错误，资源标识符的管理，以及如何避免消息冲突。这些都是在头文件中编写消息处理代码时需要特别注意的地方，必须向用户强调这些最佳实践，以避免常见错误。 此外，用户提供的引用中有多个示例代码，其中引用[2]和[3]展示了不同的PreTranslateMessage实现，需要指出它们的异同，并说明为什么在用户之前的示例中需要检查控件ID，而有些示例直接拦截所有回车键。这涉及到消息处理的精确控制，避免影响其他控件的默认行为，这也是用户需要注意的地方。 最后，总结部分需要将关键点再次强调，确保用户能够抓住重点，例如wParam和VK_RETURN的作用，头文件中的消息映射和内联函数编写方法，以及实际应用中的注意事项。同时，生成的相关问题需要引导用户进一步探索相关主题，如消息处理机制、其他虚拟键值的使用，以及MFC中不同消息处理方法的比较。 整个思考过程中需要确保逻辑清晰，逐步递进，覆盖用户可能的所有疑问，并且语言要简洁明了，符合中文表达习惯，避免技术术语的堆砌，而是用易于理解的方式解释概念。同时，结合代码示例和实际应用场景，帮助用户更好地理解和应用所学内容。</think>### 详细解释：`pMsg->wParam == VK_RETURN` 的作用与头文件实现方法 --- ### **一、`pMsg->wParam == VK_RETURN` 的作用** #### 1. **基本含义** - **`pMsg->wParam`**：是 Windows 消息结构体 `MSG` 中的一个参数，表示消息的附加信息。对于 `WM_KEYDOWN` 消息（按键按下事件），`wParam` 存储的是按键的 **虚拟键码（Virtual-Key Code）**。 - **`VK_RETURN`**：是 Windows 定义的宏，对应物理键盘上的 **回车键（Enter 键）**，其十六进制值为 `0x0D`。 #### 2. **使用场景** ```cpp if (pMsg->message == WM_KEYDOWN && pMsg->wParam == VK_RETURN) { // 处理回车键逻辑 } ``` - **功能**：当用户按下回车键时，触发此条件分支。 - **典型应用**： - 表单提交（如登录窗口） - 输入框快速跳转焦点 - 执行搜索操作 #### 3. **与其他键对比** | 虚拟键码 | 对应按键 | 典型用途 | |-------------------|------------------|------------------------| | `VK_RETURN` | 回车键 | 提交数据或确认操作 | | `VK_ESCAPE` | ESC 键 | 取消操作或关闭窗口 | | `VK_TAB` | Tab 键 | 焦点切换 | --- ### **二、头文件编写方法详解** #### 1. **类声明与消息映射** ```cpp #pragma once class CMyFormView : public CFormView { DECLARE_DYNCREATE(CMyFormView) // 声明动态创建支持 public: DECLARE_MESSAGE_MAP() // 声明消息映射表 // 重写虚函数 PreTranslateMessage virtual BOOL PreTranslateMessage(MSG* pMsg) override { if (pMsg->message == WM_KEYDOWN && pMsg->wParam == VK_RETURN) { if (IsTargetControl(pMsg)) { // 自定义焦点验证逻辑 OnHandleEnterKey(); return TRUE; // 拦截消息，阻止默认处理 } } return __super::PreTranslateMessage(pMsg); // 调用基类实现 } afx_msg void OnHandleEnterKey(); // 自定义处理函数声明 }; // 消息映射定义（必须在类声明后紧接编写） BEGIN_MESSAGE_MAP(CMyFormView, CFormView) ON_COMMAND(ID_ENTER_ACTION, &CMyFormView::OnHandleEnterKey) END_MESSAGE_MAP() ``` #### 2. **关键代码解析** - **`PreTranslateMessage` 重写**： - **作用**：在消息进入消息队列前拦截并处理。此处用于捕获回车键事件。 - **`return TRUE`**：表示消息已处理，阻止后续传递。 - **`__super` 关键字**：MFC 特有语法，等效于 `CFormView::PreTranslateMessage`，确保基类逻辑正常执行[^1]。 - **消息映射宏**： - `DECLARE_MESSAGE_MAP()`：声明类包含消息映射表。 - `BEGIN_MESSAGE_MAP`/`END_MESSAGE_MAP`：定义消息与处理函数的绑定关系。 #### 3. **头文件实现注意事项** - **内联实现限制**： - 若多个 CPP 文件包含此头文件，可能导致 `LNK2005` 链接错误。解决方案： ```cpp // 方法1：使用 inline 关键字 virtual inline BOOL PreTranslateMessage(MSG* pMsg) override { ... } // 方法2：模板化类（适用于复杂场景） template <typename TBaseClass> class CMyFormViewTemplate : public TBaseClass { ... }; ``` - **控件焦点验证**： ```cpp bool CMyFormView::IsTargetControl(MSG* pMsg) { CWnd* pFocus = GetFocus(); return pFocus && (pFocus->GetDlgCtrlID() == IDC_EDIT_INPUT); } ``` - **作用**：仅当焦点在特定控件（如 `IDC_EDIT_INPUT`）时处理回车，避免全局拦截。 --- ### **三、实际应用案例** #### 1. **登录窗口回车提交** ```cpp void CMyFormView::OnHandleEnterKey() { CString username, password; GetDlgItemText(IDC_USERNAME, username); GetDlgItemText(IDC_PASSWORD, password); if (!username.IsEmpty() && !password.IsEmpty()) { AttemptLogin(username, password); // 触发登录逻辑 } } ``` #### 2. **数据表格快速导航** ```cpp void CMyFormView::OnHandleEnterKey() { int nNextCtrlID = GetNextTabOrder(GetFocus()->GetDlgCtrlID()); GetDlgItem(nNextCtrlID)->SetFocus(); // 自动跳转到下一个输入框 } ``` --- ### **四、对比其他实现方式** | **实现方式** | **优点** | **缺点** | |--------------------|------------------------------|------------------------------| | 头文件内联实现 | 代码集中，便于维护 | 可能引发链接错误 | | CPP 文件实现 | 符合传统 MFC 规范 | 需分离声明与实现，增加文件数 | | 子类化控件 | 精确控制单个控件行为 | 实现复杂度高 | --- ### **相关问题** 1. 如何区分处理不同控件上的回车事件？ 2. 在 MFC 中，`PreTranslateMessage` 和 `OnKeyDown` 有何区别？ 3. 如何防止回车键触发按钮的默认点击事件？ --- [^1]: MFC 使用 `__super` 调用基类实现，确保继承链的完整性。 [^2]: 内联实现需注意代码膨胀问题，建议仅用于小型类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值