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

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

我不知道确切的解决方法。也许使用自定义叠加对话框/灯箱而不是window.alert（）可能是一种解决方案。

其他选项可能是比较调度事件的位置，例如（未测试）：

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

PhoneGap：iOS / Android中的JavaScript Focus和Blur事件

1 个答案: