zoukankan      html  css  js  c++  java
  • angularjs之手机输入法回车变搜索,并触发事件,兼容pc回车事件

    一、效果:回车按钮变搜索

    之前的输入法:

    之后的输入法:

    二、功能实现

    <input type="search" id="search_input" placeholder="请输入" ng-keypress="search($event)"/>

      1、将input的type属性写成search,输入法回车按钮会变成搜索,android有效,ios没变。

      2、给input绑定keypress事件,android可以实现搜索效果,ios每次点击输入法都会触发事件,未达到效果。

      3、识别按键码,当keyCode为13的时候执行搜索代码,android有效,ios有效,pc有效

    $scope.search = function(e){
           var key_code = window.event?e.keyCode:e.which;
           if(key_code==13){
                //此处写搜索事件的代码
           }
     }

     三、当我们点击搜索按钮之后,希望软键盘能自动收起来

       可以在搜索事件的代码最后加上一句代码:

    document.querySelector("#search_input").blur();
  • 相关阅读:
    sql server 行转列
    java 加密解密WORD文档
    数据库重新连接存储
    MSSQL 删除索引
    WORD添加批注(JAVA)
    JAVA添加WORD文档批注
    MYECLIPSE说明书
    K3二次开发后台表
    css css预处理器
    javascript 视频播放指定的时间段
  • 原文地址:https://www.cnblogs.com/yang-shun/p/10190472.html
Copyright © 2011-2022 走看看