android 键盘输入拦截与转发 2019-08-21

之前记录的一篇android使用扫码枪被系统键盘拦截的问题 2019-08-13存在误导,这里重新记录下问题解决方案。

场景

android端外接扫码枪、键盘等输入设备,在完全没有input组件的时候,如果按键输入一些字符,会发生什么情况呢?原生安卓,可能并没有大问题,但是如果你是使用了webview呢?

可以简单测试下,就一个空的activity,嵌入一个WebView,什么都不加载,使用外接键盘输入字符,你会发现软键盘莫名其妙的弹出来了???(版本是android5.1,6.0以上的好像就不会)。

并且弹出键盘会导致WebViewonkeypress方法接收不到输入事件,无法进行之后的一系列操作。

至于什么问题,很遗憾,我查阅了一些资料也没找到答案。

解决思路

由于是WebView导致的键盘弹出,那索性就让其没有焦点,这总不会弹出键盘了吧。

webView.setFocusable(false);

加上以上代码,确实键盘也不弹出了,但是WebView也收不到输入事件了。既然如此,那就由android端拦截键盘输入再转发给web不就好了?

那就重写activitydispatchKeyEvent方法,所有的输入事件都会经过它分发出去。其boolean类型的返回值,返回true表示事件已经被我处理了,你不要再传给其他人了;返回false则表示,我不处理,你传给其他人处理吧。

@Override
    public boolean dispatchKeyEvent(KeyEvent event) {
        int keyCode = event.getKeyCode();

        checkLetterStatus(event);

        if (event.getAction() == KeyEvent.ACTION_DOWN) {
            char ch = getInputCode(event);
            if(ch == 0){
                return super.dispatchKeyEvent(event);
            }else{
                String codeStr = String.valueOf(ch);
                this.callWebHandler(JsMessage.ON_KEYCODE_EVENT, new WebKeyEvent(keyCode,codeStr));
                return true;
            }
        }

        return super.dispatchKeyEvent(event);
    }

使用checkLetterStatus方法记录shift状态,再判断是否为KeyEvent.ACTION_DOWN按下按键时,因为一次按键包含两个操作:keydown和keyup,也会触发两次dispatchKeyEvent,所以需要做一次判断隔离。然后getInputCode方法筛选需要的字符,不需要的字符则返回0,抛给父类处理,需要的字符则通过callWebHandler直接传给了Web。

checkLetterStatus的实现很简单,单纯的记录shift的按下状态

private Boolean mCaps = false;

    private void checkLetterStatus(KeyEvent event) {
        int keyCode = event.getKeyCode();
        if (keyCode == KeyEvent.KEYCODE_SHIFT_RIGHT || keyCode == KeyEvent.KEYCODE_SHIFT_LEFT) {
            if (event.getAction() == KeyEvent.ACTION_DOWN) {
                //按着shift键,表示大写
                mCaps = true;
            } else {
                //松开shift键,表示小写
                mCaps = false;
            }
        }
    }

getInputCode方法则主要负责将keyCode转成字符

private char getInputCode(KeyEvent event) {

        int keyCode = event.getKeyCode();
        char aChar = 0;

        if (keyCode >= KeyEvent.KEYCODE_A && keyCode <= KeyEvent.KEYCODE_Z) {
            //字母
            aChar = (char) ((mCaps ? 'A' : 'a') + keyCode - KeyEvent.KEYCODE_A);
        } else if (keyCode >= KeyEvent.KEYCODE_0 && keyCode <= KeyEvent.KEYCODE_9) {
            //数字
            aChar = caseNumber(keyCode);
        } else {
            //其他符号
            switch (keyCode) {
                case KeyEvent.KEYCODE_PERIOD:
                    aChar = mCaps?'>':'.';
                    break;
                case KeyEvent.KEYCODE_MINUS:
                    aChar = mCaps ? '_' : '-';
                    break;
                case KeyEvent.KEYCODE_SLASH:
                    aChar = mCaps?'?':'/';
                    break;
                case KeyEvent.KEYCODE_BACKSLASH:
                    aChar = mCaps ? '|' : '\\';
                    break;
                case KeyEvent.KEYCODE_NUMPAD_MULTIPLY:
                    aChar = '*';
                    break;
                case KeyEvent.KEYCODE_ENTER:
                    aChar = '\n';
                    break;
                case KeyEvent.KEYCODE_EQUALS:
                    aChar = mCaps?'+':'=';
                    break;
                default:
                    break;
            }
        }

        return aChar;
    }

如果输入是字母,就用keyCode减去A键的值KeyEvent.KEYCODE_A,再根据之前记录的mCaps值加回字符'A'或者'a'控制其大小写。如果是数字,则使用caseNumber方法返回对应的字符。其他字符,则使用了switch一个个列举,根据mCaps的值看着键盘一个个敲。

caseNumber方法如下实现

private char caseNumber(int keyCode){
        char ch = (char) ('0' + keyCode - KeyEvent.KEYCODE_0);
        if(!mCaps){
            return ch;
        }
        switch (keyCode){
            case KeyEvent.KEYCODE_0:return ')';
            case KeyEvent.KEYCODE_1:return '!';
            case KeyEvent.KEYCODE_2:return '@';
            case KeyEvent.KEYCODE_3:return '#';
            case KeyEvent.KEYCODE_4:return '$';
            case KeyEvent.KEYCODE_5:return '%';
            case KeyEvent.KEYCODE_6:return '^';
            case KeyEvent.KEYCODE_7:return '&';
            case KeyEvent.KEYCODE_8:return '*';
            case KeyEvent.KEYCODE_9:return '(';
        }

        return ch;
    }

没有shift按键操作,则直接返回ch;否则,就列举0-9所有的上行符号。

安卓端已经处理完毕,接下来就是web端的逻辑

onAndroidKeyEvent(keyObj){
    if(!this.allowInput || this.state.visible){
      // 不允许输入及结算流程,不处理输入
      return;
    }
    // console.log("keyCode = ", keyCode);
    let num = keyObj.keyCode;
    console.log("num = ", num);
    if (num !== 66) {
      if(!this.codeStr || this.codeStr.length === 0){
        // 输入超时
        setTimeout(()=>{
          this.codeStr = "";
        }, 1000);
      }
      // this.codeStr += String.fromCodePoint(num);
      this.codeStr += keyObj.codeStr;
    } else {
      this.allowInput = false;
      setTimeout(()=>{
        this.allowInput = true;
      },1000);

      let value  = this.codeStr;
      this.codeStr = "";
      // ... do some next
    }

  }

其实也没啥逻辑,就是加了个超时,1秒内没有输入回车则丢弃。66是android端回车的keyCode。

至此,web端已经能接收到外接设备的输入值,并且也不再会弹出键盘。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,137评论 6 511
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,824评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,465评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,131评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,140评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,895评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,535评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,435评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,952评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,081评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,210评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,896评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,552评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,089评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,198评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,531评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,209评论 2 357

推荐阅读更多精彩内容

  • 例子: //这条命令相当于按了设备的Backkey键 adb shell input keyevent 4 //可...
    井望阅读 14,226评论 0 5
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,432评论 0 17
  • 手机端配置tcp方式连接 su setprop service.adb.tcp.port 5555 stop ad...
    yoyo鹿鸣阅读 5,669评论 0 4
  • 不知不觉,岁寒输入法的更新历史已经可以列出这么一长串来了。从中可以看出,岁寒的发展过程也是一个不断试错的过程,其中...
    临岁之寒阅读 33,986评论 1 6
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,498评论 1 11