html之文本框的onkeydown()响应Enter键—

事件目录

常见的jQuery事件
常见的鼠标、键盘事件

很多时候，我们需要在html的输入框中按下回车键（Enter）做模糊查找，那么就可以使用到 onkeydown 事件了。
示例代码：

<html>
<body><input onkeydown="if(event.keyCode==13) {test()}"/><script>function test(){alert("Enter键被按下啦");}
</script></body>
</html>

或者写成以下这样：

<html>
<body><input onkeydown="test()"/><script>  function test() {if (window.event.keyCode == 13) {//window.可以省略不写alert("Enter键被按下啦");}} </script></body>
</html>

效果图：

PS：

常见的jQuery事件

方法	描述
mousedown()	触发、或将函数绑定到指定元素的 mouse down 事件
mouseenter()	触发、或将函数绑定到指定元素的 mouse enter 事件
mouseleave()	触发、或将函数绑定到指定元素的 mouse leave 事件
mousemove()	触发、或将函数绑定到指定元素的 mouse move 事件
mouseout()	触发、或将函数绑定到指定元素的 mouse out 事件
mouseover()	触发、或将函数绑定到指定元素的 mouse over 事件
mouseup()	触发、或将函数绑定到指定元素的 mouse up 事件

常见的鼠标、键盘事件

属性	描述
onabort	图像的加载被中断。
onblur	元素失去焦点。
onchange	域的内容被改变。
onclick	当用户点击某个对象时调用的事件句柄。
ondblclick	当用户双击某个对象时调用的事件句柄。
onerror	在加载文档或图像时发生错误。
onfocus	元素获得焦点。
onkeydown	某个键盘按键被按下。
onkeypress	某个键盘按键被按下并松开。
onkeyup	某个键盘按键被松开。
onload	一张页面或一幅图像完成加载。
onmousedown	鼠标按钮被按下。
onmousemove	鼠标被移动。
onmouseout	鼠标从某元素移开。
onmouseover	鼠标移到某元素之上。
onmouseup	鼠标按键被松开。
onreset	重置按钮被点击。
onresize	窗口或框架被重新调整大小。
onselect	文本被选中。
onsubmit	确认按钮被点击。
onunload	用户退出页面。

html之文本框的onkeydown()响应Enter键——键盘事件相关推荐

让onclick响应Enter键
最近在做个小程序,一个表单由onclick控制提交到JS,再由JS提交到真正的PHP执行.结果发现,在输入框键入后直接敲"enter"键,按钮不响应,只有用鼠标点击才有效果.为了让 ...
element-ui 搜索框组件：监听input键盘事件 - 代码篇
踩坑:vue + element-ui 框架监听input键盘事件 - 含demo演示代码示下: html部分: <el-inputplaceholder="职位 | 地区 | 工作 ...
实时监听文本框输入 oninput、onchange与onpropertychange事件的用法和区别
前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数.过去一般都使用onchange/onkeyup/onkeypress/onke ...
python作业.创建两个文本框，一个按钮。第 1 个文本框绑定任意键事件，敲击键盘任意可显示字符，在交互窗口中显示该字符；第 2 个文本框绑定＜a＞键事件，敲击键盘 a 字符，在交互窗口中显示 10
""" 创建两个文本框,一个按钮. 第 1 个文本框绑定任意键事件,敲击键盘任意可显示字符,在交互窗口中显示该字符: 第 2 个文本框绑定<a>键事件,敲击键 ...
H5 enter键控制事件（键盘事件）
<textarea class="msgedit" id="send_msg_text" onkeydown="onTextareaKeyDow ...
HTML中enter键触发事件
方法一: <input onkeydown='if(event.keyCode==13){Calculate.click()}'><button id="Calculate ...
vue element-ui 键盘输入enter键触发事件
因为有时候会遇到因为有父级的影响事件不生效的情况,所以需要加.native <el-inputclass="input-new-tag"v-model="item. ...
java弹出窗放textarea_java中窗体上有一个Button和一个TextArea当鼠标经过按钮上的某一点时在文本框中输出该点的坐标事件...
展开全部你好!只需要在按钮上32313133353236313431303231363533e59b9ee7ad9431333264636163添加鼠标监听器监听鼠标经过事件就可以了核心代码: p ...
如何使用 Selenium 在 HTML 文本输入中模拟按 Enter 键？

html之文本框的onkeydown()响应Enter键——键盘事件

事件目录

常见的jQuery事件

常见的鼠标、键盘事件

html之文本框的onkeydown()响应Enter键——键盘事件相关推荐

最新文章

热门文章