<代码>KeyPress,KeyUp 和KeyDown 分别与:Click、MouseUp、和MouseDown。

1. Down happens first
2. Press happens second (when text is entered)
3. Up happens last (when text input is complete).

The exception is webkit, which has an extra event in there:

keydown
keypress
textInput     
keyup

下面是你在事件发生时可以用来看到:

window.addEventListener("keyup", log);
window.addEventListener("keypress", log);
window.addEventListener("keydown", log);

function log(event){
  console.log( event.type );
}

keydown, 事件发生在钥匙受到压力之后,紧接着是主要压缩活动。 然后,在钥匙释放后,便会产生keyup活动。

为了理解keydown和keypress之间的区别,应当区分characters和keys。 a key是计算机键盘上的物理纽盘。 Acharacter是按吨位排列的象征。 在美国钥匙板上,在4的钥匙上打上了Shift的钥匙通常会产生“美元标识”。 这不一定是世界上每一个重要方面的情况。 在理论上,keydown和keyup活动是受到压制或释放的关键,而keypress活动则是一种特性。 在实践中,这并非总是得到实施。

另有一次,一些浏览器在keypress之后立即发射另一场称为textInput<>>。 “DOM 3”标准的早期版本意在取代keypress活动,但整个概念后来被撤销。 Webkit在525和533版本之间支持了这项工作,Im对国际电子格式表示支持,但我从未发现,可能是因为Webkit要求将其称作textInput,而IE称其为textinput。

还有一个名为input的活动,得到所有浏览器的支持,是在向textarea或投入领域作出改动之后发射的。 通常的关键压力会火力,因此,字体的特性将出现在文字区,然后投入会火上。 input/em> 事件实际上没有提供关于关键类型的任何信息——你必须检查文本箱,以显示变化,因此我们不认为这是一个关键事件,而没有把它真实地记载在这里。 虽然最初只界定了文本处理器和投入箱,但我认为,还有一些行动要将其普及到其他类型物体上。

Updated response:

http://www.ohchr.org。

• Fires multiple times when you hold keys down.
• Fires meta key.

http://www.ohchr.org。

• Fires multiple times when you hold keys down.
• Does not fire meta keys.

http://www.ohchr.org。

• Fires once at the end when you release key.
• Fires meta key.

这是addEventListener和jQuery中的行为。

我观察到的关键化和关键缩编之间的区别在于:

if we attach a eventhandler for keydown event and log the input box value i.e (e.target.value) it returns whatever the value was before keydown event

But if we attach a eventhandler for keyup event and log the input box value it returns the latest value including the key which was pressed

www.un.org/Depts/DGACM/index_spanish.htm 缩略语

// the latest keypressed is not shown in e.target.value
// when keydown event handler is executed
// since until the keyup is not triggered 
// the input box will not have that character in its value
const searchCitiesEleKeyDown = document.querySelector("#searchCities");
searchCitiesEleKeyDown.addEventListener("keydown", (e) => {
  console.log(e.target.value);
});


// but in case of keyup event the e.target.value prints 
// the text box content with the latest character pressed
// since as soon as the keyup event triggers
// the input box will have that character pressed in its value
const searchCitiesEleKeyUp = document.querySelector("#searchCities");
searchCitiesEleKeyUp.addEventListener("keyup", (e) => {
  console.log(e.target.value);
});
<input type="text" id="searchCities" />