在 Google Chrome 中使用 jquery 处理点击事件

Question

我正在尝试在 Google Chrome 中添加一个事件处理程序来处理使用 jquery 的点击事件。这是来自 modal.php:

的代码

<script>
    $('.event-sel').on('click', function(event){
        console.log('handling event selection');
    });
</script>

<form>
    <select>
        <option class=".event-sel">This is an option</option>
    </select>
</form>

此代码旨在处理特定 css class 的所有项目的点击事件。上面的代码在 Firefox 中运行良好。为什么这在 Google Chrome 中不起作用？

以上代码用于模态对话框window。

Answer 1

您需要监听对 select 元素的点击，而不是 option 元素。你想要更多这样的东西：

<form>
    <select class="event-sel">
        <option>This is an option</option>
    </select>
</form>

<script>
    $('.event-sel').on('click', function(event){
        console.log('handling event selection');
    });
</script>

这里是 Fiddle: http://jsfiddle.net/3mbdfk89/8/

希望对你有用。

在 Google Chrome 中使用 jquery 处理点击事件

Handling click events with jquery in Google Chrome

html

jquery

google-chrome

event-handling