Replacing the onclick event for IE or Chrome ZZ

最新推荐文章于 2022-06-11 14:21:08 发布

原创最新推荐文章于 2022-06-11 14:21:08 发布 · 465 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #ie #firefox #function #internet #object

js相关专栏收录该内容

19 篇文章

订阅专栏

本文探讨了在不同浏览器中处理点击事件的方法，特别是针对<select>元素的onclick事件在Firefox、Internet Explorer及Google Chrome中的表现差异，并提供了一种适用于所有三种浏览器的解决方案。

Category: JavaScript

One strange difference in my opinion between Firefox and Internet Explorer and most strange of all also a difference to Google Chrome is that the onclick-event is not recnognized. Here is a simple example just to illustrate.

<select id="category">
<option value="3" onclick="getCategories(3);">ACategoryWithCategoryNumberThree</option>
</select>

This works fine in Firefox, i.e. the function 'getCategories' gets called when choosing an object in the select box. This does not work for the other browsers though, the calls are not made and there are even no errors raised.

The solution is to make the function call on the select-tag instead using the onchange-event referencing the value of the select tag (which will hold the value of the chosen option-tag),

<select id="category" onchange="getCategories(document.getElementById('category').value);">
<option value="3">ACategoryWithCategoryNumberThree</option>
</select>

This way it will work for all three browsers!