Question

我有这个HTML数据：

<select class="select">
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>

如果仅在单击页面中显示的select元素时才绑定事件，而不是在单击option元素时绑定事件。我不想在下拉列表中的项目上绑定事件。

更新：我确实找到了这个post。但它对我的情况不起作用。

Answer 1

试试这个：

$(function(){
$('select').on('focus',function(){
console.log($(this).val());
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="select">
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>

Answer 2

这适用于选择：

[[-1.41421356]
 [-0.70710678]
 [ 0.        ]
 [ 0.70710678]
 [ 1.41421356]]


[[-1.41421356]]

这适用于任何特定的选择器。

Answer 3

这就是现在的工作。

$('.select').on('focus', function() {
    //code here
});

但是我不确定它是否适合长期使用。

Answer 4

尝试：

$('select').focus(function(){...});

或

$('select').click(function(){...});

仅在父元素上绑定事件

4 个答案: