<option>上的事件触发器在Webkit上不起作用

Question

我想在下拉<select>列表上添加事件触发器。示例（jsFiddle）：

$( document ).ready(function() {
    $('.lorem').click(function() {
        alert('ipsum');
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
  <option class="lorem">1</option>
  <option class="lorem">2</option>
</select>

使用Firefox，当我单击它时，它会正常触发。但是在webkit（Chrome / Safari等）上，它不起作用。为什么？

Answer 1

如果您使用它来检测输入更改，您可以使用.change()：

$( document ).ready(function() {

  $("select").change(function(e) {
    console.log($("select").val());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
  <option class="lorem">1</option>
  <option class="lorem">2</option>
</select>