代码之家  ›  专栏  ›  技术社区  ›  john Smith

包装器div上的Javascript模糊事件

  •  0
  • john Smith  · 技术社区  · 8 年前

    我有一个内部输入字段和一个包装器div元素。 我已添加 contenteditable 属性,以便能够对其设置焦点。 我想抓住 div的onblur事件

    现在,如果我聚焦在输入字段上,用鼠标在屏幕的不同位置单击 当然会调用输入字段的模糊事件,但不会调用div上的模糊事件。 当然,这是有道理的——这就是浏览器的工作方式。

    但无论如何, 我想知道是否以及如何才能做到这一点。

      <div id="wrapperDiv" contenteditable class="wrapperDivClass">
          <input id="innerId">
      </div>
    
    2 回复  |  直到 5 年前
        1
  •  1
  •   Zlo Bae    8 年前

    要在元素上触发模糊事件,该元素需要先接收焦点。但默认情况下,元素不接收焦点。

    您可以添加 tabindex="0" contentEditable 到你的div,这样它就会得到关注。

    查看它的实际情况: http://jsfiddle.net/t25rm/

    此处回答: Div - onblur function

        2
  •  0
  •   Brian Tompsett - 汤莱恩 andrewwong97    5 年前

    当我将模糊事件更改为 聚焦输出

    来自MDN web文档: 当元素即将失去焦点时,将触发focusout事件。此事件与模糊的主要区别在于后者不会出现气泡。

    这正是我所需要的。