事件中的this。除了可以使用event.srcElement在事件响应函数中,this表示发生事件的控件。只有在事件响应函数中才能使用this获得发生事件的控件,在事件响应函数调用的函数中不能使用,如果要使用则要将this传递给函数或者使用event.srcElement。
this和event.srcElement的语义是不一样的,this就是表示当前监听事件的这个对象,event.srcElement是引发事件的对象:事件冒泡。
<style type="text/css">
.emptyfield
{
background-color:Red;
}
.normal
{
background-color:inherit;
}
</style>
<script type="text/javascript">
function check(txt) {
var s = txt.value;
if (s.length <= 0) {
txt.className = "emptyfield";
alert('这个字段必填!');
}
else {
txt.className = "normal";
}
}
</script>
<input type="text" onblur="check(this)" />
<input type="text" onblur="check(this)" />
<input type="text" onblur="check(this)" />
=========================================
事件响应函数:如图里加了淡蓝色注释的那一行。
事件响应函数调用的函数:如图里用红色方框框住的那个函数。