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>

效果图:
html之文本框的onkeydown()响应Enter键——键盘事件_第1张图片

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

你可能感兴趣的:(Jquery)