javascript - 更改事件阻止其他事件触发

Question

我正在 SAP Fiori 中开发一个带有表单的应用。

输入值更改触发事件(从 sap.m.InputBase 借来的更改，因此在焦点更改或按下回车键时触发事件)。事件为用户提供一些信息。还有一个将数据发送到后端的按钮。但是有一种情况，当用户更改输入值并单击发送按钮时，没有按回车键，也没有在操作前更改焦点。发生的情况是更改事件被触发，但发送事件被阻止并且根本没有被触发。用户再次点击保存，现在发送事件被触发两次(重复)。

这是我面临的问题的演示:jsfiddle: https://jsfiddle.net/o2zLa534/1/

我希望输入更改事件将被触发并且:1) 什么都不会发生，点击发送后只会触发一个发送事件，或者2) 发送事件将在更改事件完成后立即触发。

我知道问题出在哪里，但我找不到出路。感谢您的帮助。

Answer 1

问题与警报有关。如果你检查你的 fiddle ，修改为其他东西，而不是使用警报，它会按预期正常工作。此问题是由于警报使用本身引起的，无论老实说，您都不应该在 ui5 应用程序中使用警报。

https://jsfiddle.net/cbL9z6rh/6/

onInputChange: function(evt){
 evt.getSource().setValue("testing");
},
onSubmit: function(){
 alert("Submitted!");
},

如果您现在在输入中输入任何内容，然后按下“发送”按钮，您将看到您的输入将更改为“测试”，并且您的提交警报将显示。