当前位置：网站首页>13. What is the difference between onkeydown, up and onkeypress?

13. What is the difference between onkeydown, up and onkeypress?

2022-07-24 18:21:00 【yingxingyf】

onkeydown,up and onkeypress The difference between ?
1、 Distinguish from the triggered key
onkeydown and onkeyup Works for all keys
onkeypress Works for keys related to editing （ Such as ： Alphabetic key , The backspace key can trigger this event , But press shift,ctrl Key will not trigger this event ）

2、keyCode It means different
keyCode Attribute meaning ：
stay keydown and keyup In the incident ,keyCode Attribute represents the virtual code of the keyboard （ Unique encoding for each key , It has nothing to do with case ）
stay keypress In the incident ,keyCode Attribute means keyboard unicode code （ASCII code ）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> Simple calendar </title>
		<style type="text/css">

		</style>

	</head>
	<body>
		<input id="txt" type="text" />
		
		<input  id="btn01" type="button" value=" test 01" />
	</body>
</html>




<script type="text/javascript">
//onkeydown,up and onkeypress The difference between 
//1、 Distinguish from the triggered key 
//
//	onkeydown and onkeyup Works for all keys 
//	onkeypress Works for keys related to editing （ Such as ： Alphabetic key , The backspace key can trigger this event , But press shift,ctrl Key will not trigger this event ）

//2、keyCode It means different 
//keyCode Attribute meaning ：
// stay keydown and keyup In the incident ,keyCode Attribute represents the virtual code of the keyboard （ Unique encoding for each key , It has nothing to do with case ）
// stay keypress In the incident ,keyCode Attribute means keyboard unicode code （ASCII code ）
	
	window.onload=function(){
    
	//onkeydown： Press down 
	/*
		$("txt").onkeydown = function(event){
    
			var evt = event || window.event;
			console.log(evt.keyCode);// stay keydown and keyup In the incident ,keyCode Attribute represents the virtual code of the keyboard （ Unique encoding for each key ）
		}	
		*/
	/*onkeyup： Spring up 
		$("txt").onkeyup = function(event){
    
			var evt = event || window.event;
			console.log(evt.keyCode);// stay keydown and keyup In the incident ,keyCode Attribute represents the virtual code of the keyboard （ Unique encoding for each key ）
		}	
		*/
		
		//onkeypress: Press and bounce 
		
		$("txt").onkeypress = function(event){
    
			var evt = event || window.event;
			console.log(evt.keyCode);// stay keypress In the incident ,keyCode Attribute means keyboard unicode code （ASCII code ）
		}
	}
	
	function $(id){
    
		return document.getElementById(id);
	}

</script>
原网站

版权声明
本文为[yingxingyf]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/203/202207211137498567.html

边栏推荐

猜你喜欢

随机推荐