键盘事件中的keypress事件和keyup事件的区别

来源:互联网 发布:广告机分屏编辑软件 编辑:程序博客网 时间:2024/05/02 00:21

首先,说它们的官方解释:

keypress:用户按下一个按键,并产生一个字符时发生;

keyup:用户释放着的按键时发生;

 

但是,当我们在一个输入框中按下一个字符按键时。keypress事件在文本被插入到文本框之前触发的,而keyup是在文本被插入到文本框之后触发的。

 

例如下面的示例

<script type="text/javascript">

function show(oEvent)

{

    var oText1=document.getElementById("p1");

   alert(oEvent.type+"-"oText1.value);

}

</script>

 

<body>

<input type="text" id="p1" onkeypress="show(event)" onkeyup="show(event)" />

</body>

 

当在input中输入一个字符a时,会显示onkeypress-    点击确定后显示onkeyup-a

原创粉丝点击