在Safari中没有触发JQuery Click事件？

当用户从选择框中选择一个选项时，我正在尝试做某事 – 尽可能简单吗？ 我正在使用JQuery 1.3.1注册一个带有选择框id的点击处理程序。 一切都很好，直到我使用Chrome和Safari测试，发现它不起作用。

1. Firefox 3.05 – 是的
2. IE 7.0.5730.13 – 是的
3. IE6Eolas – 是的
4. Sarafi 3.2.1 – 没有
5. Chrome 1.0.154.43 – 没有

见下面的代码：

    $(document).ready(function(){ $('#myoption').click(function() { alert('Select Dropdown was clicked: '+ $('#myoption').val()); }); });     A B    

任何人都知道我应该为此工作做什么？ 警报最终会被触发，但只有在双击选择框后才能触发？

Answer 1

我发现了我的问题。 对于选择框，您需要为“更改”事件而不是“单击”事件注册处理程序。 Firefox和IE使用click事件很奇怪。

总而言之，以下代码适用于所有浏览器：

        A B    

Answer 2

Safari和Chrome都是基于webkit的浏览器。 Webkit使用操作系统中的本机下拉元素而不是自己实现下拉列表，遗憾的是，本机下拉列表不支持单击事件。 出于同样的原因，他们也不支持CSS选项元素或其他巧妙的技巧。

获得这些工作的唯一跨浏览器方法是使用

和大量的javascript手动实现。