在HTML文本輸入元素中按Enter鍵時的默認行為

Question

我正在處理HTML輸入字段的跨瀏覽器兼容性問題。

在我的Chrome 63.0上，當我按input [type = text]中的enter鍵時，它會觸發change事件，並且不會觸發任何blur事件。 （我對此https://jsfiddle.net/agentmilindu/ekhT4/2984/感到厭倦）

但是，我發現在某些瀏覽器中，按Enter會觸發blur事件。

我在StackOverflow上看到很多問題，詢問如何在按下Enter鍵時停止觸發此blur事件，

1. 防止在按下文本框中的Enter后觸發模糊和摳像事件
2. JavaScript中的onkeypress + onblur

我正在研究的應用程序（一個用React寫的PhoneGap應用程序）具有一個功能，當用戶按Enter鍵時，該事件會由blur事件觸發，但是在新的瀏覽器（新手機以及我的Chrom 63.0上）中，此功能無法正常工作。

現在我很困惑，當有人在input [type = text]字段中按Enter鍵時，實際的默認行為是什么。 應該是change + blur還是僅change ？ 有沒有我可以參考的文件？

Answer 1

對於應用程序，我不能說太多，但是對於瀏覽器，我不能說太多。 （我在chrome 61和Firefox 55中都嘗試過您的小提琴），這些是我的觀察結果；

1）對焦失焦時觸發模糊； 文字更改與否無關緊要； 如果有焦點，則模糊觸發器

2）僅在以下情況下觸發更改：

i)  text content changes within the input box changes
ii) enter key is pressed

任何一個人都不會觸發變化；

希望這可以幫助。