Question

我需要在$('body').on('blur')

上触发一个功能

以下代码在IE8以外的所有浏览器中都能正常运行

 $(document).ready(function () {

            $(window).focus();
            $(window).on("focus", function () {

                  //  alert("w");
             });
            $(window).on("blur", function () {
               alert("window blur");

            });

            $('body').on("blur", function () {
                alert("body blur");
            });


            jQuery('body').bind("focus", function (event) {
                    alert("body focus");
            });

            jQuery('body').bind("blur", function (event) {
                alert("body blur bind");
            });

        });

现在我在IE中遇到的问题是

只要我在文档中单击

，body.blur就可以正常工作

之后，只有在我回到文档后才会触发它

Answer 1

$('.selected_option').bind('focusout', function(){
  alert('focusout');
});

它适用于我，检查一次

Answer 2

您可以按如下方式在文档正文中添加属性：

<body onblur="alert('blur')">

或者您可以使用jQuery将此属性添加到正文中，如下所示：

jQuery("body").attr("onblur","alert('blur')");

Answer 3

试试这个：

模糊事件在浏览器中无法一致使用，使用 focusout 而且也不推荐使用bind，因此请使用

$('.selected_option').on('focusout', function(){
 //TODO your code
});

$（'body'）。on（'blur'）在IE8中运行不佳

3 个答案: