假设我在一个HTML输入框上附加了一个模糊函数，如下所示:
<input id="myInput" onblur="function() { ... }"></input>
是否有一种方法来获得导致模糊事件的元素的ID(被点击的元素)在函数内?如何?
例如，假设我有这样一个张成的空间:
<span id="mySpan">Hello World</span>
如果我在输入元素有焦点之后点击span，输入元素将失去它的焦点。该函数如何知道被单击的是mySpan ?
PS:如果跨度的onclick事件发生在输入元素的onblur事件之前，我的问题就解决了，因为我可以设置一些状态值，指示特定的元素已被单击。
PPS:这个问题的背景是，我想从外部触发一个AJAX自动补全控件(从一个可点击的元素)来显示它的建议，而不会因为输入元素上的模糊事件而立即消失建议。因此，我想检查是否有一个特定的元素被单击了模糊函数，如果是这样，忽略模糊事件。
当前回答
你可以这样做:
<script type="text/javascript">
function myFunction(thisElement)
{
document.getElementByName(thisElement)[0];
}
</script>
<input type="text" name="txtInput1" onBlur="myFunction(this.name)"/>
其他回答
我不喜欢在编码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>
我建议使用全局变量blurfrom和blurto。然后，配置您关心的所有元素，当它们失去焦点时，将它们在DOM中的位置分配给变量blurfrom。此外，配置它们，以便获得焦点将变量设置为它们在DOM中的位置。然后，您可以使用另一个函数来分析blurfrom和blurto数据。
我认为这很容易通过jquery通过传递字段的引用导致onblur事件在“this”。 如。
<input type="text" id="text1" onblur="showMessageOnOnblur(this)">
function showMessageOnOnblur(field){
alert($(field).attr("id"));
}
谢谢 莫妮卡
这种方式:
<script type="text/javascript">
function yourFunction(element) {
alert(element);
}
</script>
<input id="myinput" onblur="yourFunction(this)">
或者如果你通过JavaScript(本例中是jQuery)附加监听器:
var input = $('#myinput').blur(function() {
alert(this);
});
编辑:对不起。我看错了问题。
可以这样说:
var myVar = null;
然后在函数内部:
myVar = fldID;
然后:
setTimeout(setFocus,1000)
然后:
function setFocus(){ document.getElementById(fldID).focus(); }
最后的代码:
<html>
<head>
<script type="text/javascript">
function somefunction(){
var myVar = null;
myVar = document.getElementById('myInput');
if(myVar.value=='')
setTimeout(setFocusOnJobTitle,1000);
else
myVar.value='Success';
}
function setFocusOnJobTitle(){
document.getElementById('myInput').focus();
}
</script>
</head>
<body>
<label id="jobTitleId" for="myInput">Job Title</label>
<input id="myInput" onblur="somefunction();"></input>
</body>
</html>
