使用iPhone Safari上的javascript事件委托处理HTML SELECT选项

Question

我们正在开发一个Web应用程序,其GUI定制为可在iPhone上使用.应用程序上的页面有3个后续的SELECT下拉列表,从第1个下拉列表中选择一个选项可以获得第二个下拉列表的选项,依此类推.随后的下拉选项由javascript根据上一个下拉列表中的onchange事件填充.问题是,在iPhone上,SELECT的选项会显示"prev"和"next"链接以移至上一个和下一个控件.单击"下一个"链接时,控件将移至下一个SELECT并显示选项.javascript由前一个SELECT的onchange事件触发,并填充下一个SELECT的选项.但是在第二个SELECT的下拉列表中显示之前的选项,然后由javascript重新填充.是否有一个解决方法或事件可以序列执行javascript然后选择下一个控件？选择SELECT选项时以及控件离开SELECT元素之前是否有任何事件可以触发？SELECT下拉选项显示的Next和Previous链接是否有句柄？

Answer 1

也许你可以使用焦点事件，在 jQuery 中，这将是：

$('#select2').focus(function () {
    // update select2's elements
});

尽管真正的问题是 iPhone 过载何时发生，以及事件何时被触发。在此视图中还可以更改选择的选项。