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

事件目录常见的jQuery事件常见的鼠标、键盘事件很多时候，我们需要在html的输入框中按下回车键（Enter）做模糊查找，那么就可以使用到 onkeydown 事件了。示例代码：<html><body><input onkeydown="if(event.keyCode==13) {test()}"/><script>fun...

程序yang

10749人浏览 · 2019-10-18 15:49:52

程序yang · 2019-10-18 15:49:52 发布

事件目录

- 常见的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	用户退出页面。

2048 AI社区

有“AI”的1024 = 2048，欢迎大家加入2048 AI社区

更多推荐

【运维】阿里云ARMS全解析：从技术原理到企业级落地实践

摘要：阿里云ARMS（应用实时监控服务）是一站式全链路可观测平台，通过无侵入采集、实时分析与智能告警，帮助开发者解决分布式系统监控难题。其核心架构包含数据采集层（基于Java Agent字节码增强）、传输存储层（流式计算引擎）、分析可视化层（服务拓扑与链路追踪）及告警联动层。ARMS支持快速接入Java应用，提供业务自定义监控能力，并集成RASP安全防护。企业案例显示，ARMS能显著缩短故障恢复时