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 中有一个输入字段，因此当我单击任何输入字段时，它都会获得焦点。但是，如果我再次单击外部（身体区域），则 iphone 键盘不会关闭。 iframe 中只有 iphone 和 ipad 的问题。 这适用于所有浏览器。所以，如果没有焦点，我尝试了，称为 blur() 或 document.activeelement。但他们都没有工作。

输入元素没有聚焦时如何关闭ipad/iphone键盘？

Answer 1

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

Answer 2

epascarello 说的是正确的。 ready 函数中的 if 语句仅在 DOM 加载完成时触发一次。

由于您使用的是 jQuery，所以做您想做的事真的很容易。

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

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

然后是你的 JavaScript 代码：

$( "input" ).focusout(function() {
    alert('not focused');
});

第二个问题我没法帮你。