当我在 jQuery Mobile 中单击弹出窗口上的链接时,如何防止在第一个输入项上自动对焦

Posted

技术标签:

【中文标题】当我在 jQuery Mobile 中单击弹出窗口上的链接时,如何防止在第一个输入项上自动对焦【英文标题】:How to prevent autofocus on first input item when I click a link on popup in jQuery Mobile 【发布时间】:2015-03-04 18:20:22 【问题描述】:

我在 jQuery Mobile 弹出窗口中有一个文本区域和一个链接。 当我单击链接时,文本区域会自动聚焦并显示键盘。 (在 ios 上) 我想通过单击链接重定向到另一个页面,但在它重定向之前,键盘会显示这不是必需的,因为我不想更改任何文本。

我检查了 jQuery Mobile 1.4.5 演示页面,但它有同样的问题: http://demos.jquerymobile.com/1.4.5/popup/

但似乎1.3.1没有这个问题。

请帮帮我!!!

【问题讨论】:

你在blur() 函数中抢到了?它会从元素中移除焦点。 我使用了 blur() 函数,但由于 ios 试图显示和隐藏键盘,所以页面会在几毫秒内上下滑动。所以我只是想防止专注于输入。 【参考方案1】:

尝试在第一个输入元素之前添加它<button style="position:fixed; top:10px; left:10px; opacity:0"></button>

【讨论】:

以上是关于当我在 jQuery Mobile 中单击弹出窗口上的链接时,如何防止在第一个输入项上自动对焦的主要内容,如果未能解决你的问题,请参考以下文章

如何从第一个弹出窗口中打开第二个 jquery-mobile 弹出窗口

单击 jQuery Mobile 的提交按钮后,如何显示“加载”弹出窗口?

JQuery Mobile 删除确认对话框

Jquery Mobile - 单击弹出窗口(标题和内容的任何区域)自动聚焦文本字段

jQuery Mobile - 单击时更改翻转开关

jQuery Mobile 中的弹出窗口没有按预期工作,请咨询