移动端ios web页面inoput type=search软键盘搜索按钮总是变成确认按钮,点击无效

在做一个搜索功能,input框类型是search,外面也套了form,但是在输入过程中,软键盘的搜索按钮在某些特定的时候会变成确认按钮,这个时候点击确认按钮是无法进行搜索操作的,请问下这个情况有没有遇到过的?
html代码是这样的

<form action="">
  <input type="search" placeholder="查找您需要的商品" class="searchProduct" id="searchProduct" autocomplete="off"/>
</form>

js这块写了几个方法,点击确认的时候都是无效的。

$('form').on('submit', function(evt){
  
});
//或者
$('.searchProduct').keyup(function(evt){
    if (evt.keyCode == 13) {
    
    }   
});

clipboard.png

clipboard.png

只要是变成了确认按钮,这个时候点击确认是没有效果的,只有删除一两个字或者增加一两个字才会变成搜索,平时输入字母的时候点击确认之后会变成搜索,但是某些特定的情况下会变成确认。

阅读 7.4k
2 个回答

无解了,IOS系统问题,你试试百度移动端的输入框也有这个问题。
只能从产品角度,右侧加个搜索按钮。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题