javascript - jquery 焦点没有第二次触发

Question

我有一个输入字段，所以当我单击任何输入字段时，它就会获得焦点。当我点击外面时，它聚焦了。

 <input type="text" id="english" name="english"/>

input:active,input:focus{
    border: 2px solid red;
}

$(document).ready(function() {
        if (!($("input").is(":focus"))) {
            alert('not focused');
        }
    }); 

JSFIDDLE

如果输入元素未获得焦点，则此警报是第一次调用。每当我在输入元素外单击时，我都需要一直调用它。

更新:第二个问题

我在 iframe 中有一个输入字段，所以当我单击任何输入字段时，它会获得焦点。但是如果我再次点击外部( body 区域)，iphone 键盘不会关闭。 iframe 中只有 iphone 和 ipad 的问题。这将在所有浏览器中很好地工作。所以，我尝试了如果没有焦点，调用blur() 或document.activeelement。但他们都没有工作。

如何在输入元素未获得焦点时关闭 ipad/iphone 键盘？

Answer 1

您没有监听任何事件，它不会继续检查。您需要添加一个事件监听器来监听任何输入的模糊事件。