javascript - 未更改值的选择元素的事件监听器

Question

我的情况如下:

我有一个带有几个选项的选择框。后端可以在页面加载时预先选择其中一个选项:

<select name="select" class="js-choice-select">
    <option value="option-1">Option 1</option>
    <option value="option-2" selected="selected">Option 2</option>
    <option value="option-3">Option 3</option>
    <option value="option-4">Option 4</option>
    <option value="option-5">Option 5</option>
</select>

每当这个 select 元素改变值时，一些 JS 代码需要被触发。因此，在这种使用 jQuery 的情况下，我添加了以下代码:

$(".js-choice-select").on("change", function() {

    var selectedValue = $(this).val();

    doSomething(selectedValue);

});

问题

现在，当用户打开选择框，但除了已选择的选项之外没有选择任何其他值时，默认的 'change' 事件监听器将不会触发，但我的 doSomething 函数需要被触发。

有人知道可行且直接的解决方案吗？

Answer 1

您可以在 click、focus 和/或 blur 事件上触发同一段代码。这样 doSomething() 就会在您需要时被触发。