Question

关于javascript的一个问题。。。求大神

我想写一个文本框text，要求点击它弹出其值value.
为什么这么写可以实现，
<input type="text" value="123" name="t1" id="t1" />
<script type="text/javascript">
function _alert(){

alert(this.value);
}
document.getElementById("t1").onclick=_alert;</script>
而这么写不行。
<input type="text" value="123" name="t1" id="t1" onclick="_alert()"/>
<script type="text/javascript">

function _alert(){

alert(this.value);
}
//alert(document.getElementById("t1").onclick);//-------function onclick(){_alert()}
</script>

Answer 1

document.getElementById("t1").onclick=_alert;是赋值方式，把方法_alert赋给id是t1的控件，所以this是指向id是t1的控件，而方法_alert则属于id是t1的控件
<input type="text" value="123" name="t1" id="t1" onclick="_alert()"/>是直接去调用_alert方法，_alert不属于id是t1的控件。this指向方法本身

Answer 2

第二种方法加个参数传值过去也是可以用的。
<input type="text" value="123" name="t1" id="t1" onclick="_alert(this)"/>

<script type="text/javascript">
function _alert(obj){
alert(obj.value);
}
</script>

追问

this为什么此时指向input了呢？

Answer 3

应该是this的作用域的问题;
第一种方式,是document.getElementById("t1")这个对象,进行onclick事件,this代表的是document.getElementById("t1");
而第二种方式this代表的应该是onclick这个方法本身.
以我现在的水平,也就是猜到这个原因.
忘其他高手指正.