javascript之键盘事件onkeydown,onkeyup,onkeypress

最新推荐文章于 2023-04-03 00:34:55 发布

persistsss

最新推荐文章于 2023-04-03 00:34:55 发布

阅读量1.9k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/persistsss/article/details/108235008

版权

键盘事件

键盘事件一般绑定给document，以及一些可以获取焦点的标签，如input标签。

onkeydown事件：
当键盘任意键按下时执行，按下不松，会不断执行。

onkeyup事件：
当键盘任意按下并松开时执行。

onkeypress事件：
当键盘的字母或数字按下时执行，功能键如ctrl,shift，方向键无法识别。
ie不支持这个事件。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>键盘事件</title>
</head>
<body>

	
	<script>
		// 当键盘任意按键按下时执行，按下不放会不断执行
		document.onkeydown = function(event){
			let e = event || window.event;
			// 获取你按下的键，返回字符串
			console.log(e.key);
			// 获取你按下的键，返回键码，即数字
			console.log(e.keyCode)

			// 判断你按下w键
			if(e.key === 'w')
				console.log('你按下了' + e.key + '键')


			// 组合键
			// e.ctrlKey,e.shiftKey,e.altKey如果你按下了这些键，返回true，否则返回false
			// 判断按ctrl不放再按d键时执行
			if(e.key === 'y' && e.ctrlKey)
				console.log('你按了ctrl + y')

		}

		// 但键盘任意键按下松开时执行
		document.onkeyup = function(event){
			let e = event || window.event;
			console.log('你按下了' + e.key + '松开了')
		}

		// 当键盘字母和数字键按下时执行,ctrl,shift,方向键等键除外
		// ie不支持
		document.onkeypress = function(event){
			let e = event || window.event;
			console.log('你按下了' + e.key)
		}
	</script>
</body>
</html>

persistsss

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript之键盘事件onkeydown,onkeyup,onkeypress

键盘事件键盘事件一般绑定给document，以及一些可以获取焦点的标签，如input标签。onkeydown事件：当键盘任意键按下时执行，按下不松，会不断执行。onkeyup事件：当键盘任意按下并松开时执行。onkeypress事件：当键盘的字母或数字按下时执行，功能键如ctrl,shift，方向键无法识别。ie不支持这个事件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8
复制链接

扫一扫