javascript - Internet Explorer 中的 onkeypress 调用网页上与按键相关的所有函数

Question

我的网页上有两个文本框和两个按钮。

每个文本框都有自己的按键函数，用于检查返回键并调用特定的 JavaScript 函数。

但问题是，如果我开始在任何文本框中键入内容并按回车键，则两个函数都会被调用。这种情况仅在 Internet Explorer 中发生。

Onkeypress 被作为输入标记的属性调用

onkeypress="if(event.keyCode==13) submitEmail();"

和

onkeypress="if(event.keyCode==13) login();"

谢谢

Answer 1

这是因为事件冒泡。当一个事件发生在一个元素上时，它也会发生在包含该事件的所有元素上，按顺序沿 DOM 树向上移动。因此，在输入框上按 Return 键也会在窗口上按 Return 键。

如果将 return false; 添加到 input 元素的 onkeypress 属性，将防止冒泡。

<input ... onkeypress="if(event.keyCode==13) { submitEmail();return false; }">