Div - onblur函数

Question

我想在div上调用一个onblur。不知道该怎么做。

我试过了：

div onblur="javascript:callme()"

但它并没有起作用

Answer 1

对于要在元素上触发的blur事件，该元素需要首先接收焦点。但是默认情况下，<div>元素不接收焦点。

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

将其付诸实践：http://jsfiddle.net/t25rm/

Answer 2

当焦点丢失时，将触发blur事件。默认情况下，一个div元素不能在第一个地方拥有焦点，所以它不能丢失(‘t be )。

如果您在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');
}