chrome onselect方法名称

  昨天在csdn看到一个select对象触发onchange事件方法名称为onselect实现二级联动的问题,用chrome调试后发现执行自定义的onselect方法,没有实现联动,在console控制台看到了一个"Uncaught TypeError: object is not a function"的错误。搜狗浏览器高速模式下也无法实现联动,其他浏览器如firefox,ie没问题。
 

  示例一

<script>
function onselect(){
  alert('window作用域下的onselect函数!')
}
</script>
<!--当触发onchange事件的时候,输出onselect,发现chrome下是null,其他浏览器是window.onselect函数体-->
<select onchange="alert(onselect)">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

  从上面的示例可以看出,chrome下onselect输出null,其他浏览器输出window作用域内的onselect事件。

 

  给select增加onselect事件看看会出现什么问题。

<script>
function onselect(){
  alert('window作用域下的onselect函数!')
}
</script>
<!--当触发onchange事件的时候,输出onselect,发现chrome下还是null,其他浏览器是为DOM中的onselect事件-->
<select onchange="alert(onselect)" onselect="alert('onselect事件')">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

  从上面的代码可以看出,onselect应该是chrome下的保留事件什么的。其他浏览器会先从对象获取事件,如果找不到对象上的事件,则会查找widnow作用域中的事件。搜狗高速模式出现这个问题应该和chrome的模式差不多。

加支付宝好友偷能量挖...


原创文章,转载请注明出处:chrome onselect方法名称

评论(0)Web开发网
阅读(138)喜欢(1)JavaScript/Ajax开发技巧