jquery-mobile - 在 iOS 网络应用程序中删除键盘上的搜索和转到按钮

Question

我正在使用 JQuery Mobile 编写一个 PhoneGap 应用程序。

我根据在应用程序中单击的按钮和链接更改页面。我的所有 View 都封装在一个 index.html 页面中。不同的页面被 div 数据角色分解，如下所示:

 <div data-role="page" id="view1"></div>

 <div data-role="page" id="view2"></div>

单击按钮时，应用程序将移动到下一个 View :

   $.mobile.changePage("#search2_1");

问题是当用户在文本框中输入时。键盘弹出，其中包含可用的“开始”或“搜索”按钮。如果用户单击此按钮，他们将绕过将他们移至下一页的 javascript 函数，并无意中返回到应用程序的根目录。

有没有办法禁用或删除这些按钮，甚至让这些按钮触发更改页面功能？

*注意:因为这是一个 PhoneGap 应用程序，所以我在 Objective-C 中可以做的事情有限，我专注于在网页中做这件事。

Answer 1

由于您的元素位于表单元素内，因此用户通过按搜索或转到按钮提交表单，这将重新加载页面。

您需要取消表单提交。

这在 jquery 中看起来像这样:

$("yourform").submit(function(){
     return false;
});