javascript - PhoneGap : JavaScript Focus and Blur event in iOS/Android

Question

我想在 PhoneGap 移动应用程序的 HTML 输入文本框中检测焦点和模糊事件。

对于 iOS，行为符合预期 - 当文本框处于焦点状态(单击文本框)时，将显示警告消息 Focus!。当文本框失去焦点时(键盘关闭/移至下一个输入框)，将显示警告消息 Blur!。

但是，对于 Android，当我单击文本框(文本框处于焦点中)时，警告消息 Focus! 和 Blur! 会连续显示，这意味着它是聚焦，模糊，聚焦，模糊，...

如何避免这种情况，使其与 iOS 保持一致？

在 JavaScript 中:

var txtValue = document.getElementByID('txtValue');
txtValue.addEventListener('focus', function() {
    alert('Focus!');
});
txtValue.addEventListener('blur', function() {
    alert('Blur!');
});

在 HTML 中:

<input type="text" id="txtValue" />

Answer 1

这是因为当您显示警报时，焦点进入该对话框，从输入字段中丢失并调度模糊事件。当您关闭对话框时，焦点会返回到输入字段，并调度焦点事件。

我不知 Prop 体的解决方法。也许使用自定义覆盖对话框/灯箱而不是 window.alert() 可能是一种解决方案。

其他选项可以比较事件从哪里发送，例如(未测试):

var txtValue = document.getElementById('txtValue');
txtValue.addEventListener('focus', function(evt) {
    if (evt.nodeName && evt.nodeName.toLowerCase() === 'input') {
        alert('focus!');
    }
});