美文网首页
调用移动端“搜索”按键,触发后收起软键盘

调用移动端“搜索”按键,触发后收起软键盘

作者: dingFY | 来源:发表于2020-05-14 11:39 被阅读0次

    将input元素的type值替换成“search”,在移动端会唤出“搜索”按键。需注意的是,对于苹果手机input元素必须要有一个form标签套起来,否则键盘上的文字不能变成搜索字样

    <form id="myform" action="#" onsubmit="return false;">               
      <input id="keyword"  type="search" class="web_searchVlaue" placeholder="请输入搜索关键字">
    </form>
    
    $("#keyword").on('keyup', function (e) {
        var keycode = e.keyCode;
        if (keycode == '13') {
          e.preventDefault();
          /*
            some操作
          */  
          document.activeElement.blur();  // 关闭软键盘
       }  
      }
    });  
    

    相关文章

      网友评论

          本文标题:调用移动端“搜索”按键,触发后收起软键盘

          本文链接:https://www.haomeiwen.com/subject/zxbynhtx.html