onkeydown-onkeypress-onkeyup

Posted Marydon

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了onkeydown-onkeypress-onkeyup相关的知识,希望对你有一定的参考价值。

CreateTime--2016年12月17日22:28:36
Author:Marydon
onkeydown、onkeypress和onkeyup
参考链接:http://www.jb51.net/article/42263.htm
区别一
执行顺序:(优先级)
  三个事件同时在时,执行顺序
  onkeydown > onkeypress > onkeyup

<input type="text" onkeydown="console.log(1);" onkeypress="console.log(2);" onkeyup="console.log(3);"/>

  三个事件同时在时,都是alert的话,只会弹出2个alert,up事件的alert不会弹出。 

<input type="text" onkeydown="alert(1);" onkeypress="alert(2);" onkeyup="alert(3);"/>

区别二

  onkeydown和onkeypress事件响应的时候输入的字符并没有被系统接受,不能改变输入流
  而响应onkeyup的时候,输入流已经被系统接受,可以改变输入流,
  所以利用onkeyup事件可以改变输入到文本框的内容

 

以上是关于onkeydown-onkeypress-onkeyup的主要内容,如果未能解决你的问题,请参考以下文章