包装师的JavaScript Blur活动

Question

我具有内部输入字段和包装元素。我已经在DIV元素中添加了contenteditable属性，以便能够将重点放在其上。我想捕获Div 的 onblur事件。

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

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

  <div id="wrapperDiv" contenteditable class="wrapperDivClass">
      <input id="innerId">
  </div>

Answer 1

对于模糊事件，要向元素发射，该元素需要先接收焦点。但是默认情况下，元素不会得到焦点。

您可以将tabindex="0"或contentEditable添加到您的DIV，因此它将获得焦点。

在行动中看到它：http：//jsfiddle.net/t25rm/

在这里回答：Div- Onblur函数

Answer 2

当我将模糊事件更改为 focusOut

时解决了问题

来自MDN Web文档：当元素即将失去焦点时，焦点事件将发射。此事件和Blur之间的主要区别在于后者不会冒泡。

这正是我所需要的。