Question

一个关于js的onblur语法：

<div id='list'>
<form method='post' action='' id='form'>
<dl >
<dd>
请填写权限名称：
<input type='text' name='pername' id='pername'/><span class='must'>
</dd>
<dd>
<input type='submit' class='submit' value='提交'id='submit'/>
</dd>
</form>
</dl>
</div>
<script type='text/javascript'>
window.onload=function (){
var fm=document.getElementById('form');
var pername=document.getElementById('pername');
fm.onsubmit=check_submit;
pername.onblur=function (){
alert('pername失去焦点');
}

}
function check_submit (){
alert('提交');
}
</script>
上面代码的意图自然可见，但是有一个bug就是当点击完pername后如果点击提交却不能提交，而是执行pername的onblur了，这不是我想要的效果，如何实现pername的onblur不在特定元素如submit上执行呢？请给出具体代码，谢谢。

Answer 1

=======================================
event来判断当前对象.如果非特定元素，执行onblur
快采纳啊！亲测可用。
=======================================
<div id='list' onmousemove="c()">
<form method='post' action='' id='form'>
<dl >
<dd>
请填写权限名称：
<input type='text' name='pername' id='pername'/><span class='must'>
</dd>
<dd>
<input type='submit' class='submit' value='提交'id='submit'/>
</dd>
</form>
</dl>
</div>
<script type='text/javascript'>
var cur;
window.onload=function (){
var fm=document.getElementById('form');
var pername=document.getElementById('pername');
fm.onsubmit=check_submit;
pername.onblur=function (){
if(cur!="submit")
alert('pername失去焦点');
}

}
function check_submit (){
alert('提交l');
}
function c()
{
cur=event.target.type;
}
</script>

追问

你给的代码运行效果和我提问中给出的一样。

追答

请填写权限名称：

var cur;
var theEvent;
var tarObj;
window.onload=function (){
var fm=document.getElementById('form');
var pername=document.getElementById('pername');
fm.onsubmit=check_submit;
pername.onblur=function (){
if(cur!="submit")
{

alert('pername失去焦点')
};
}

}
function check_submit (){
alert('提交l');
}
function ccc()
{
theEvent = window.event || arguments.callee.caller.arguments[0];
tarObj=theEvent.target || theEvent.srcElement;
cur=tarObj.type;
}

================
上一段代码只支持谷歌。
这个支持谷歌和火狐，IE