javascript - 如何在 iOS 中使 select 的模糊事件与桌面匹配？

Question

我有一个自定义 FullDate 字段，它由月(选择)、日(数字文本框)和年(数字文本框)组成。

我将内联验证设置为在用户模糊整个字段时运行。问题是，在桌面上，当您在选择框中选择某些内容时，您不会运行内联验证，直到您跳出该字段或单击其他内容。但是，在 iOS 上，只要您在选择框中选择一个选项，模糊似乎就会触发。

有什么好的方法来处理吗？

http://jsfiddle.net/L5s3rq84/1/

<select name="colors" id="test">
    <option>RED</option>
    <option>GREEN</option>
    <option>YELLOW</option>
    <option>BLUE</option>
    <option>ORANGE</option>
</select>

<select name="colors" id="fake">
    <option>RED</option>
    <option>GREEN</option>
    <option>YELLOW</option>
    <option>BLUE</option>
    <option>ORANGE</option>
</select>

$("#test").on("blur", act);

function act() {
    alert("TESTING!");
}

Answer 1

这是因为您根本没有得到模糊事件。您有以下选择:

移动到“改变”(而不是“模糊”)事件: http://jsfiddle.net/73bynhjq/1/

$("#test").on("change", act);

或者你可以做额外的点击事件来触发“blur”:)