Question

onChange 事件调用js方法带参数(this)是什么意思

html:<select name="mailSelect" id="mailSelect" class="inputD" onChange="Change_Select(this)"> js:function Change_Select(obj) {
var value = obj.value;
}onChange="Change_Select(this) 参数为什么是this呢，别的不行吗？

Answer 1

this表示调用时间的对象，就是指这个事件的select。

一、js中onchange事件绑定怎么传参？previewImage的参数可以是this,这里指的是<input>这个标签。通过this.files来操作文件，比如this.files.length是文件的个数，this.files[index]指向对应的文件。previewImage的参数可以是也可以是event,指的是change这个事件。至于添加事件处理程序。

1.直接把js代码写在引号里，如

<input type="file" accept="image/*" onchange="alert
(event.type);" multiple/>

2.onchange = 函数名，函数声明在脚本中。如果"previewImage"不加()是不会执行的吧。

<input type="file" accept="image/*" onchange="previewImage
(this)" multiple/><script> function previewImage(obj){
alert(obj.files.length);
};</script>

3.DOM0级事件处理程序

<input type="file" accept="image/*" multiple/><script> document.getElementsByTagName("input")[0].onchange = function(){
alert(event.type);
};</script>

4.DOM2级事件处理程序

<input type="file" accept="image/*"  multiple/><script> document.getElementsByTagName("input")[0].addEventListener("change",function(){
alert(event.type);
});</script>`
或者IE7 8中为`<script> document.getElementsByTagName("input")[0].attachEvent("onchange",function(){
alert(event.type);
});</script>

Answer 2

this表示调用时间的对象，例如本例子就是这个select，函数Change_Select里面直接使用obj就可以引用它，而无需document.getElementById('mailSelect')

Answer 3

这里的this是指select这个对象。你可以通过this得到select的所有属性，比如当前选中的值，文本，id等。

Answer 4

this就是指当前的对象，这里的this指的就是这个事件的select。

Answer 5

this代表的是当前对象，你写当前对象也是可以的