模糊不会在p标签上触发

Question

我试图在td上使用模糊,p没有任何成功.Jquery文档说明了这一点

"最初,此事件仅适用于表单元素,例如输入.在最近的浏览器中,事件的域已扩展为包括所有元素类型."

所以它应该触发p/td标签.这是我的示例代码

<p>Test 2
</p>
<p>Test 1
</p>
<script>
    $(document).ready(function () {
        $("p").blur(function () {
            alert('blur');
        });

    });
</script>

但请注意,如果我尝试以编程方式调用模糊,则会触发.

$("p").blur();

我假设当我点击第一个p然后点击其他任何地方模糊应该发射...我在这里错过了什么？

谢谢

Answer 1

模糊是焦点事件的相反事件.p标签无法聚焦,除非它设置了tabindex,因此您的p标签不会模糊.

将tabindex属性添加到p标签,并在选项卡或单击例如后触发模糊

<p tabindex="10">test 1</p>
<p tabindex="11">test 2</p>

焦点事件:http://jsfiddle.net/b98Bs/

模糊事件:http://jsfiddle.net/b98Bs/1/

(如果单击p,请记住在触发事件后单击它)

更新:

我已经包含了第二个jsfiddle来显示模糊以及焦点,事件也会触发,并显示一个警告,显示失去焦点的p元素的文本.

如果您希望tabindex遵循文档中元素的顺序,请将它们设置为tabindex ="0":http://jsfiddle.net/b98Bs/2/