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方法名称