假设我在一个HTML输入框上附加了一个模糊函数，如下所示:
<input id="myInput" onblur="function() { ... }"></input>
是否有一种方法来获得导致模糊事件的元素的ID(被点击的元素)在函数内?如何?
例如，假设我有这样一个张成的空间:
<span id="mySpan">Hello World</span>
如果我在输入元素有焦点之后点击span，输入元素将失去它的焦点。该函数如何知道被单击的是mySpan ?
PS:如果跨度的onclick事件发生在输入元素的onblur事件之前，我的问题就解决了，因为我可以设置一些状态值，指示特定的元素已被单击。
PPS:这个问题的背景是，我想从外部触发一个AJAX自动补全控件(从一个可点击的元素)来显示它的建议，而不会因为输入元素上的模糊事件而立即消失建议。因此，我想检查是否有一个特定的元素被单击了模糊函数，如果是这样，忽略模糊事件。
当前回答
文档。activeElement可以是父节点(例如体节点，因为它处于从一个目标切换到另一个目标的临时阶段)，因此它不适用于您的作用域 电动汽车。explicitOriginalTarget并不总是有值
所以最好的方法是使用onclick对body事件间接理解你的节点(event.target)是模糊
其他回答
我不喜欢在编码javascript时使用超时，所以我会用与Michiel Borkent相反的方式来做。(没有尝试后面的代码，但你应该得到的想法)。
<input id="myInput" onblur="blured = this.id;"></input>
<span onfocus = "sortOfCallback(this.id)" id="mySpan">Hello World</span>
在大脑中就像这样
<head>
<script type="text/javascript">
function sortOfCallback(id){
bluredElement = document.getElementById(blured);
// Do whatever you want on the blured element with the id of the focus element
}
</script>
</head>
请记住，使用显式originaltarget的解决方案不适用于文本输入到文本输入的跳转。
试着用以下文本输入替换按钮，你会看到区别:
<input id="btn1" onblur="showBlur(event)" value="text1">
<input id="btn2" onblur="showBlur(event)" value="text2">
<input id="btn3" onblur="showBlur(event)" value="text3">
嗯…在Firefox中，您可以使用explicitOriginalTarget来拉出所单击的元素。我期望toElement为IE做同样的事情，但它似乎不工作…但是，你可以从文档中提取新聚焦的元素:
function showBlur(ev)
{
var target = ev.explicitOriginalTarget||document.activeElement;
document.getElementById("focused").value =
target ? target.id||target.tagName||target : '';
}
...
<button id="btn1" onblur="showBlur(event)">Button 1</button>
<button id="btn2" onblur="showBlur(event)">Button 2</button>
<button id="btn3" onblur="showBlur(event)">Button 3</button>
<input id="focused" type="text" disabled="disabled" />
注意:这个技巧不适用于由键盘tab键引起的焦点变化，在Chrome和Safari中也完全不起作用。使用activeElement (IE除外)的一个大问题是，在处理模糊事件之前，它不会持续更新，并且在处理过程中可能根本没有有效值!这可以通过Michiel最后使用的技术的变化来缓解:
function showBlur(ev)
{
// Use timeout to delay examination of activeElement until after blur/focus
// events have been processed.
setTimeout(function()
{
var target = document.activeElement;
document.getElementById("focused").value =
target ? target.id||target.tagName||target : '';
}, 1);
}
这应该适用于大多数现代浏览器(在Chrome, IE和Firefox中测试)，警告Chrome不会将焦点设置在单击的按钮上(而不是选项卡)。
我认为这是不可能的 在IE中，你可以尝试使用window.event。toElement，但它不工作与firefox!
你能把你检查的内容和时间颠倒过来吗?如果你还记得上次模糊的内容:
<input id="myInput" onblur="lastBlurred=this;"></input>
然后在你的span的onClick中，用两个对象调用function():
<span id="mySpan" onClick="function(lastBlurred, this);">Hello World</span>
然后，函数可以决定是否触发Ajax。自动完成控件。该函数有点击对象和模糊对象。onBlur已经发生了，所以它不会让建议消失。
