OGeek|极客世界-中国程序员成长平台

标题: javascript - PhoneGap : JavaScript Focus and Blur event in iOS/Android [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 11:33
标题: javascript - PhoneGap : JavaScript Focus and Blur event in iOS/Android

我想在 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" />

---

Best Answer-推荐答案

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

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

其他选项可能是比较事件的发送位置，例如(未测试):

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

关于javascript - PhoneGap : JavaScript Focus and Blur event in iOS/Android，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16912211/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4