javascript - PhoneGap : JavaScript Focus and Blur event in iOS/Android
<p><p>我想在 PhoneGap 移动应用程序的 HTML 输入文本框中检测焦点和模糊事件。 <br/><br/>
对于 iOS，行为符合预期 - 当文本框处于焦点时(单击文本框)，会显示警告消息 <code>Focus!</code>。当文本框失去焦点(键盘关闭/移动到下一个输入框)时，会显示警告消息 <code>Blur!</code>。</p>
<p>但是，对于Android，当我点击文本框(文本框处于焦点)时，警告消息<code>Focus!</code>和<code>Blur!</code>会连续显示，这意味着它是焦点，模糊，焦点，模糊，...</p>
<p>如何避免这种情况，使其与 iOS 保持一致？</p>
<p>在 JavaScript 中:</p>
<pre><code>var txtValue = document.getElementByID('txtValue');
txtValue.addEventListener('focus', function() {
alert('Focus!');
});
txtValue.addEventListener('blur', function() {
alert('Blur!');
});
</code></pre>
<p>在 HTML 中:</p>
<pre><code><input type="text" id="txtValue" />
</code></pre></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>这是因为当您显示警报时，焦点进入该对话框，从输入字段中丢失并调度模糊事件。当您关闭对话框时，焦点会返回输入字段，调度焦点事件。</p>
<p>我不知道确切的解决方法。也许使用自定义叠加对话框/灯箱代替 window.alert() 可能是一种解决方案。</p>
<p>其他选项可能是比较事件的发送位置，例如(未测试):</p>
<pre><code>var txtValue = document.getElementById('txtValue');
txtValue.addEventListener('focus', function(evt) {
if (evt.nodeName && evt.nodeName.toLowerCase() === 'input') {
alert('focus!');
}
});
</code></pre></p>
<p style="font-size: 20px;">关于javascript - PhoneGap : JavaScript Focus and Blur event in iOS/Android，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/16912211/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/16912211/
</a>
</p>
页:
[1]