在 iOS Web 应用程序中删除键盘上的搜索和转到按钮答案

【问题标题】：Remove Search and Go Button on keyboard in iOS web app在 iOS Web 应用程序中删除键盘上的搜索和转到按钮
【发布时间】：2012-01-06 22:20:26
【问题描述】：

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

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

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

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

当点击按钮时，应用会移动下一个视图：

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

问题是当用户在文本框中输入时。键盘会弹出“Go”或“Search”按钮。如果用户点击它，他们会绕过将他们移动到下一页的 javascript 函数，并在不经意间被发送回应用程序的根目录。

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

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

【问题讨论】：

【解决方案1】：

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

您需要取消表单提交。

这在 jquery 中看起来像这样：

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

【讨论】：

【解决方案2】：

为了回答问题的第二部分，我是这样做的：

$('#form').submit(function(e) {
    e.preventDefault();
    $('#button').trigger('click');
    return false;
});

这会阻止默认提交，而是触发您想要的操作。

【讨论】：