084|事件对象属性

最新推荐文章于 2024-06-14 00:28:49 发布

Asteroid 325

最新推荐文章于 2024-06-14 00:28:49 发布

阅读量116

点赞数

本文链接：https://blog.csdn.net/weixin_43846020/article/details/108127789

版权

JS 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

事件对象属性

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>084事件对象属性</title>
		<script>
			/*
			   事件对象的属性：
			   shiftKey 按下shift键为true,默认为false
			   altKey
			   ctrlKey
                metaKey:
			   windows系统 按下windows(开始)键，为true
			    macos此条   按下command键，为true
			   [注]和别的操作进行组合，形成一些快捷键操作
			*/
		   window.onload=function(){
			   document.onmousedown=function(ev){
				   var e=ev||window.event;
				   var arr=[];
				   if(e.shiftKey){
					   arr.push("shift");
				   }
				   if(e.altKey){
					   arr.push("alt");
				   }
				   if(e.ctrlKey){
					   arr.push("ctrl");
				   }
				   if(e.metaKey){
					   arr.push("windows");
				   }
				   alert(arr);
			   }
		   }
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

键盘事件对象的属性

键码

keydown - 键按下的过程
keypress - 键被按下
keyup - 键被松开
keypress() 方法触发 keypress 事件，或规定当发生 keypress 事件时运行的函数。
keypress 事件与 keydown 事件类似。当按钮被按下时发生该事件。
然而，keypress 事件不会触发所有的键（比如 ALT、CTRL、SHIFT、ESC）。请使用 keydown() 方法来检查这些键。
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> 键盘事件对象的属性</title>
		<script>
			/*
			   keyCode 键码
			   which[有些浏览器]
			   返回值：键码返回的是大写字母的ASCII,不区分大小写
			   格式：var which=e.which||e.keyCode
			   [注]只在keydown下支持
			*/
		   window.onload=function(){
			   window.onkeydown=function(ev){
				var e=ev||window.event;
				var which=e.which||e.keyCode;
				alert(which);
				}
			}
		</script>
	</head>
	<body>
	</body>
</html>

字符码

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> 键盘事件对象的属性</title>
		<script>
			/*
			   keyCode 键码
			   which[有些浏览器]
			   返回值：键码返回的是大写字母的ASCII,不区分大小写
			   格式：var which=e.which||e.keyCode
			   [注]只在keydown下支持
			   
			   
			   charCode  字符码
			   which
			   返回值：字符码区分大小写，返回当前按下键对应字符的ASCII码值
			   格式：var which=e.which||e.charCode
			   [注]只在keypress下支持，只支持字符键
			*/
		   window.onload=function(){
			   /*
			   window.οnkeydοwn=function(ev){
				var e=ev||window.event;
				var which=e.which||e.keyCode;
				alert(which);
				}
				*/
				window.onkeypress=function(ev){
					var e=ev||window.event;
					var which=e.which||e.charCode;
					alert(which);
				}
			}
		</script>
	</head>
	<body>
	</body>
</html>