JS 事件（onkeyup、onkeydown、onkeypress、onchange），对文本的事件处理之小总结

最新推荐文章于 2024-09-15 17:50:11 发布

wenqiang612

最新推荐文章于 2024-09-15 17:50:11 发布

阅读量1.1w

点赞数

本文链接：https://blog.csdn.net/wenqiang612/article/details/73139620

版权

本文总结了JavaScript中与键盘交互相关的四个事件：onkeydown（按键按下时触发），onkeyup（按键释放时触发），onkeypress（按键按下并释放时触发，但不适用于所有按键）以及onchange（内容改变且失去焦点时触发）。onkeyup适合用于字数统计场景，如招聘平台的自我介绍输入。onchange事件在文本域和文本框内容改变并失去焦点时才触发，常用于下拉框、文本框和文本域。

摘要由CSDN通过智能技术生成

1、事件的简单介绍

按键相关的：

onkeydown 当用户按下键盘按键时触发。
onkeyup 当用户释放键盘按键时触发。
onkeypress 当键盘按键被按下并释放一个键时发生。

其他：

onchange 当对象或选中区的内容改变时触发。

2、事件的详细介绍

onkeydown ：当按键按下时，先触发事件发生，然后处理完后才会把按键对应的按键值显示在文本框中！监听一个用户是否按下按键请使用 onkeydown 事件,所有浏览器都支持 onkeydown 事件。

代码解释如下：(第一次按键按下时会触发事件，即出现警示框，显示文本框长度为“0”，然后点击警示框确认后才会把对应的按键值显示在文本框中！)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function(){
				document.ge