如何检测文本框是否在div标记下

Question

如果我在div标记内部单击，然后在div标记外部直接单击，则一切都正常，onblur事件运行良好，但当我尝试首先单击文本框，然后单击外部div时，onblr事件不会立即触发。我可以创建一个级联的div标记并将其转换为可编辑内容的标记吗？或者还有其他选项吗？这是我的代码

<div tabindex="0" onblur="alert('This one has tabindex');">
<input type="text"> This will receive focus
</div>

链接http://jsfiddle.net/3kw9aqsg/

Answer 1

如果简单地用onfocusout替换onblur，它应该可以工作。它们是相似的，但只是第二个泡沫。

Answer 2

将侦听器附加到父div，它应该可以工作

<div tabindex="0" id="myDiv">
document.getElementById('myDiv').addEventListener('blur', listener, true)
function listener(){ alert('from parent');}