H5搜索功能,调用键盘(包含手机键盘)回车键,

项目自己做了一个搜索功能,今天测试的时候,发现键盘的回车键不能直接搜索,于是就找了下解决办法,实测之后记录一下:
首先给页面的input标签绑定事件:

<input type="text" onkeyup="if(event.keyCode==13) {fn()}" name="search" value="" placeholder="大家都在搜">

然后在js代码里面实现下面的方法:

function fn() {
        //获取input的值
        Kw = $('.search-input').val();
        //调用查询接口
        orderAljax();
    }

这样子就好了,在搜索框里面填写完关键字之后,直接回车键就能查询到数据了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,211评论 1赞 45
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,568评论 0赞 8
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 16,828评论 4赞 61
  • 一、Python简介和环境搭建以及pip的安装 4课时实验课主要内容 【Python简介】: Python 是一个...
    _小老虎_阅读 6,400评论 0赞 10
  • 邵长泉 编著 江小鱼 整理 由于武夷山地貌奇特,即便在同一山岩、同一茶园或者近在咫尺的茶树,所产茶叶口...
    星期小站阅读 815评论 0赞 0

友情链接更多精彩内容