html - 单击网页上的任意位置打开选择下拉列表

Question

我正在构建一个可以在移动设备(特别是黑莓手机)上查看的网页。我在页面的左上角将导航下拉列表实现为 。而不是要求用户直接单击下拉菜单，我希望用户可以单击/点击页面上的任意位置，左上角的选择下拉菜单将打开。除了左上角的选择下拉菜单外，该页面没有其他链接或可点击对象。这可能吗？到目前为止，我发现似乎无法以编程方式打开 <select>。放下，但我想我会把这个具体案例扔在那里。 最佳答案 由于无法使用 JavaScript 伪造按键(出于安全原因，这是理所当然的)，最接近的方法是更改​​ <select> 的大小。元素(将其从下拉控件更改为列表框控件并返回)。 Demo , Code (纯 JS，无库)当用户通过单击(或点击)选择一个选项时，单击事件处理程序通过将其大小设置回 1 来“关闭”列表框，之后它转换回正常的下拉控件。我只在(非移动)Chrome 中对此进行了测试，让我知道它是否适用于黑莓。编辑:我创建了一个小的 jQuery 插件，它将行为和可配置性包装到一个更易于理解的控件中。我已经在 iOS 4 上的 Safari Mobile 上对此进行了测试，它的行为就像该浏览器中的常规下拉菜单一样，只是它可以通过编程方式打开。 Demo , Code (jQuery 1.7)它是这样工作的: $("select").openable({ triggers: $("#trigger") });点击任何触发器将打开选择 UI。 我还为按键事件添加了一个处理程序来捕获 Enter、Esc 和 Space 以“关闭”列表框。这模仿了桌面浏览器上下拉控件的选择机制。当然，在桌面浏览器上，这会改变页面的布局，因为它不同于 native 下拉控件。你必须为此想出一个 CSS 解决方案(可能是 position: absolute 和 z-index)。但在 iOS 上，选择 UI 不会呈现在页面上，所以这不是问题。同样，还没有在 BlackBerry 上测试过这个插件...... 关于html - 单击网页上的任意位置打开选择下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7878993/ 上一篇：javascript - 在 iPad 上使用 iUI 的 HTML 表单在输入文本输入文件时滚动不稳定 下一篇：html - 滑动以锚定在纯 html 中 相关文章： javascript - 如何使用 javascript 获取外部样式元素的 css 属性 javascript - 在 UIWebView swift 中单击按钮时打开 ViewController javascript - Jquery - 将文本存储在变量中 javascript - ASP表格问题 javascript - JS 切换事件触发器无法正常工作 jquery - 如何将 div 定位在绝对 div 内，但相对于父相对 div？ html - 为什么不总是使用 enctype ="multipart/form-data"？ jquery - 如果任何用户在我的网站停留超过 20 秒，弹出的联系表格应该要求填写详细信息 javascript - 根据在另一个下拉列表中选择的内容在下拉列表中显示选项 Javascript根据另一个下拉框值更改下拉框选项 ©2023 IT工具网  联系我们