Javascript 单击选择上的事件'；我不能在Mac电脑上工作

我有一个

想要响应

点击事件（使用javascript）。
在MacOS Chrome上，单击不会触发任何事件。这是一个已知的问题（例如…）



乔恩斯诺
乔佛里

及

$（'hodor'）。在（'click change'，函数（e）上{
$（此）。在（“
”+e.type+“
”）之后；
});

我已经知道我可以使用
更改
事件（我已经使用过）。但是，最终用户的行为是不同的，我需要让它准确地工作：只要单击我的选择，我就希望我的UI做一些事情，而不仅仅是在所选选项更改时

我的选择是什么

请注意：这不是允许“使用<代码>更改事件”答案的其他问题的重复。这不是我要问的。
使用
mousedown
事件：

$('#hodor').on('mousedown', function (e) {
    $(this).after("<li>"+e.type+" " + $("option:selected", this).val() + "</li>");
});

$（'hodor'）。on（'mousedown'，函数（e）{
$（this）；
});

请注意，这将在用户可以选择菜单中的另一个选项之前触发--
.val（）
返回当前值。我尝试使用
mouseup
，但没有成功

是单击鼠标还是鼠标悬停事件有相同的问题？鼠标悬停也被破坏，mousedown虽然有点不同，但仍然可以工作。我也尝试将其包装在
div
或
span
中，但选择会吃掉所有
点击事件和
鼠标点击事件…我没有否决，但我认为你的答案不完整：我如何使用mousedown事件来模拟点击事件？但这不一样。。。这次比赛的方式不同，这是我能想到的最接近的一次。它会在你点击菜单时触发，而不是在你放开的时候。
$('#hodor').on('click change', function (e) {
    $(this).after("<li>"+e.type+"</li>");
});

$('#hodor').on('mousedown', function (e) {
    $(this).after("<li>"+e.type+" " + $("option:selected", this).val() + "</li>");
});