在警報消息框上按 Escape 鍵后輸入框凍結

Question

當用戶按下回車鍵時，我在input元素的onkeyup事件中顯示alert()消息。 如果用戶按下 Ok 按鈕或按下 Enter 鍵關閉警報框，一切都很好。 但是當用戶按下 Escape 按鈕關閉警報時，文本框會凍結。 它不會被關注，不會被輸入，就好像它被禁用一樣。

我該如何解決？

注意：問題不會出現在 jsfiddle

編輯：

我相信如果代碼托管在 jsfiddle 之類的網站中，即使在 SO 中的 Run Code Snippet 中，行為也會有所不同。 請嘗試通過將代碼實際保存在 html 文件中來復制問題。 然后在本地運行

 window.addEventListener('DOMContentLoaded', () => { document.getElementsByTagName("input")[0].onkeyup = function(event) { if (event.keyCode === 13) { alert('Press Escape Key. The textbox will freeze.'); }; } });

 <input placeholder="Press Enter Here" />

Answer 1

我嘗試將代碼保存在 html 文件中並在本地運行。 但代碼工作正常。 輸入框對我來說很好，並且沒有按 Escape 按鈕凍結。 即使我嘗試在這個 stackoverflow 站點中運行腳本，它也可以在這里工作。

 window.addEventListener('DOMContentLoaded', () => { document.getElementsByTagName("input")[0].onkeyup = function(event) { if (event.keyCode === 13) { alert('Press Escape Key. The textbox will freeze.'); }; } });

 <input placeholder="Press Enter Here" />