我想在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" />
答案 0 :(得分:1)
这是因为当您显示警报时,焦点会进入该对话框,从输入字段中丢失它并调度模糊事件。当你关闭对话框时,焦点会回到输入字段,调度焦点事件。
我不知道确切的解决方法。也许使用自定义叠加对话框/灯箱而不是window.alert()可能是一种解决方案。
其他选项可能是比较调度事件的位置,例如(未测试):
var txtValue = document.getElementById('txtValue');
txtValue.addEventListener('focus', function(evt) {
if (evt.nodeName && evt.nodeName.toLowerCase() === 'input') {
alert('focus!');
}
});