jquery - 聚焦不工作jQuery

Question

我在关注焦点方面遇到了一些问题。选择输入框时，我想要一个警报，然后单击输入框。但是，在我单击它并单击它之后，我没有收到警报。这是我的代码：

<script>
    $(document).ready(function(){

        $("#val1").focusout(function(){
            alert('focusout');
        });
    });
</script>


<p><label>Value: </label><input id="val1" type="text" placeholder="example: val"></p>

有任何想法吗？谢谢！

Answer 1

.focusout() 仅在您单击另一个可聚焦元素时才有效。我也试图解决的问题是当您在输入框外单击时会发生什么。输入不再有焦点，但未触发 focusout 事件。

我将不胜感激任何人对此的想法！

Answer 2

它在将您的代码复制到FIDDLE后起作用。我还添加了 focusin 功能。所以你可以做一些比较。focusout与focusin

    $("#val1").focusout(function(){
        alert('focusout');
    });
    $("#val1").focusin(function(){
        alert('focusin');
    });