javascript中涉及到事件,为什么有时候有on,有时候有没有?

JavaScript018

javascript中涉及到事件,为什么有时候有on,有时候有没有?,第1张

onclick是js里面给标签绑定点击事件的方法,通常写在html的元素上,而click方法在addEventListener()中使用,此方式可以给一个元素添加多个事件句柄,只在js中使用,可读性更强,更灵活。但前者的优先级高于后者。

这里的e是参数的名字。

参数分为:

1.形参:形式参数,相当于函数声明的局部变量,实参把自己的值赋给形参,形参就保存了这个值

2.形参只能在函数内部使用。

3.实参:实际参数,函数的调用者把值放在实参里面,传给函数的形参。

所以,实参、形参就相当于一个管道,一个接口,使调用函数的人可以通过这种方式把要计算的值传给函数去计算。

onpropertychange事件,顾名思义,就是property(属性)change(改变)的时候,触发事件。这是IE专有的!如果想兼容其它浏览器,有个类似的事件,oninput!

onpropertychange会在设置disable=true的时候失效。而且,onpropertychange是在触发对象改变任何属性时都会触发。而oninput只是在改变input的value值时才触发。

oninput 事件:不但JS 改变 value 值时不能触发,有从浏览器的自动下拉提示中选值时,也不会触发。

onpropertychange触发函数只有一个默认参数,是所以可以触发属性的集合

<div style="border:1px solid #fc0height:24pxwidth:300px" id="target"></div><br />

<input name="filltext" oninput="document.getElementById('target').innerHTML=this.value"  id="filltext" type="text" />

   

<script type="text/javascript">

    document.getElementById('filltext').attachEvent('onpropertychange',function(){    

       console.log(arguments.length)    

        for(var i=0i<arguments.lengthi++)

       {    

          console.log(arguments[i])    

       }    

    }) 

</script>