android - jQuery .focus() 不适用于 android

Question

我正在 Android 上开发一个移动网站，其中有一个选择列表作为菜单。

选择列表位于 View 区域之外，我想通过单击一个 div 来切换弹出窗口与浏览器上的选项。

我已经尝试了数百万种方法来打开 View 以选择一个值，但没有一个成功...经过一些研究后，我阅读了 stackoverflow .focus() 函数在 Android 设备上被禁用。

我知道这段代码适用于 IOS:

$(document).ready(function(){
    $("#navigation").click(function(){
        $("#mobileMenu").focus();
    });
});

使用以下 html:

<select id="mobileMenu">
    <option value="link1" onclick='openMobileMenuLink' >link one</option>
    <option value="link2" onclick='openMobileMenuLink' >link two</option>
    <option value="link3" onclick='openMobileMenuLink' >link three</option>
</select>

有什么方法可以在不破坏代码(在 IOS 上运行良好)的情况下打开 Android 设备上的选项透视图(我正在 chrome 中测试)。

Answer 1

我终于找到了解决办法:

点击div时，js会产生点击事件。

<div onclick="generateSelectDropDown()">

上面的div调用了下面的函数:

window.generateSelectDropDown = function () { 
    var dropdown = document.getElementById('mobileMenu');
    showDropdown(dropdown);
};  

showDropdown = function (element) {
    var event;
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    element.dispatchEvent(event);
};