html中js事件onkeypress的功能详解


摘要:
下文讲述html中onkeypress事件的相关说明,如下所示;


onkeypress事件功能

onkeypress事件功能:
onkeypress事件用于当用户在html对象上按下键盘时时,触发相应的js事件

onkeypress事件语法:
<element onkeypress=”script”>
——–参数说明———
script:onkeypress中执行的脚本

onkeypress事件注意事项: 
     1.目前市面上所有浏览器都支持此事件
     2.onkeypress事件不可用于以下标签 
      <base>
      <bdo>
      <br>
      <head>
      <html>
      <iframe>
      <meta>
      <param>
      <script>
      <style>
      <title>
     3.html中js的键盘事件执行顺序如下所示:
       onkeydown
       onkeypress
       onkeyup
--------------------------------------------------------
     4.onkeypress事件不能触发所有键盘按键--如:ALT,CTRL,SHIFT 
       这些键不会触发相应的键盘事件
--------------------------------------------------------
     5.onkeypress同onkeydown的区别在于:onkeydown可以触发所有的键盘按键


onkeypress事件举例说明

我们可以发现ctrl shift不会触发键盘事件

 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)
 onkeypress事件示例说明
</title> 
<script>
function keyPressEvent()
{
	var x;
	if(window.event) // IE8 及更早IE版本
	{
		x=event.keyCode;
	}
	else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
	{
		x=event.which;
	}
	var c=String.fromCharCode(x);
	alert(c + " 键被按下");
}
</script>
</head>
<body>

<p>在文本框中按下键盘,
 将触发相应的keyPress事件
 </p>
<input type="text" onkeypress="keyPressEvent()">

</body>
</html>