Div - onblur功能

Question

我想在onblur上拨打div。不知道如何完成它。

试过这个：

div onblur="javascript:callme()"

但它无效

Answer 1

要在元素上触发blur事件，元素需要首先获得焦点。但是<div>元素默认情况下不会获得焦点。

您可以将tabindex="0"或contentEditable添加到您的div中，以便获得焦点。

查看实际操作：http://jsfiddle.net/t25rm/

Answer 2

焦点丢失时会触发模糊事件。默认情况下，div元素不能首先关注焦点，因此无法丢失。

如果你在div上设置tabindex，那么它可以获得焦点，但是当你考虑进行交互式控制时，你应该几乎总是使用更合适的元素（例如按钮）。

<!-- Not recommended. See above -->
<div tabindex="1" onblur="callme()"> content </div>

Answer 3

如果你给div一个tabindex属性，它将能够接受焦点：

<div id="yourdivid" tabindex="0">content</div>

然后附加焦点和模糊事件处理程序 例如：

document.getElementById("yourdivid").onfocus = function() {
   alert('focused');
}
document.getElementById("yourdivid").onblur = function() {
   alert('blur');
}