包装div上的Javascript模糊事件

Question

我有内部输入字段和包装器div元素。＆＃xA;我已经将 contenteditable 属性添加到div元素中，以便能够设置焦点。＆＃xA; I想要捕捉div的 onblur事件。

＆＃xA;＆＃xA;

现在，如果我专注于输入字段并点击鼠标在屏幕上的不同位置＆＃xA;输入字段的模糊事件被称为当然而不是div上的模糊事件。＆＃xA;当然这是有道理的 - 这就是浏览器的工作方式。

＆＃ xA;＆＃xA;

但无论如何，＆＃xA;我想知道是否以及如何实现这一目标。

＆＃xA;＆＃xA;

 ＆lt; div id =“wrapperDiv”contenteditable class =“wrapperDivClass”＆gt;＆＃xA; ＆lt; input id =“innerId”＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA;  

＆＃XA;＆＃XA;

感谢

＆＃XA。

Answer 1

对于要在元素上触发的模糊事件，元素需要首先获得焦点。但默认情况下，元素不会获得焦点。

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

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

在这里回答： Div - onblur function

Answer 2

当我将模糊事件更改为 foucsout

时，问题已解决

来自MDN网络文档： 当元素即将失去焦点时会触发focusout事件。这个事件和模糊之间的主要区别在于后者不会冒泡。

这正是我所需要的。