android webview软键盘监听删除键、回车键、其他键

android webview软键盘监听删除键、回车键、其他键

终于有时间来写文章了,头一回发表,文章连贯性可能无法保障,大家勉强看一下吧

今天说点关于android 和 webview 沟通的时候,需要监听软键盘的按键事件的问题

情境描述:由于js在部分手机上(比如华为青春版P8)无法监听到删除键,引起项目部分功能无法实现

解决思路:js 与android 互相沟通 就不多说了,网上一搜一大片,重点说一下 我的解决办法,之前在网上搜了一下,说的是andriod跟webview交互的时候,就把输入法管理 权交给webview了,从自己的界面代码是没有办法去监听软键盘的,所以想到了,看能不能去拦截下 输入链接桥梁,然后再拦截事件转交给 js,这样那些js无法监听软键盘的事件就ok了,

 6.0手机以上 你可以采用像网上说的,自定义Webview,继承Webview,自定义里面的其他覆写方法不多说,网上一搜一大片,重点是复写onCreateInputConnection(EditorInfo outAttrs)方法,返回一个InputConnection输入法链接桥梁,然后对这个输入法链接桥梁 做一些你要干的事情,代码如下:

public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
   
   return new MyInputConnection(super.onCreateInputConnection(outAttrs),//用父类的输入链接桥梁 转换成自己的,以便于对输入事件拦截,

         true,onItemClickCallBackI);  //onItemClickCallBackI是自定义的一个回调接口,没什么可说的 
}                 

public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
   
   return new MyInputConnection(super.onCreateInputConnection(outAttrs),//用父类的输入链接桥梁 转换成自己的,以便于对输入事件拦截,

         true,onItemClickCallBackI);  //onItemClickCallBackI是自定义的一个回调接口,没什么可说的 

public class MyInputConnection extends InputConnectionWrapper {
   private OnItemClickCallBackI onItemClickCallBackI;
   public MyInputConnection(InputConnection target, boolean mutable,OnItemClickCallBackI onCallBackI) {
      super(target, mutable);
      if(onCallBackI!=null){
         this.onItemClickCallBackI=onCallBackI;
      }
   }

   @Override
   public Handler getHandler() {
      return new Handler();
   }

   @Override
   public boolean sendKeyEvent(KeyEvent event) {
      if(this.onItemClickCallBackI!=null){
         onItemClickCallBackI.callFirstBack(event);//按键事件回调
      }

      return super.sendKeyEvent(event);
   }

   @Override
   public boolean deleteSurroundingText(int beforeLength, int afterLength) {
      // magic: in latest Android, deleteSurroundingText(1, 0) will be called for backspace
      if (beforeLength == 1 && afterLength == 0) {
         // backspace
         return sendKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL))
               && sendKeyEvent(new KeyEvent(KeyEvent.ACTION_UP, KeyEvent.KEYCODE_DEL));
      }

      return super.deleteSurroundingText(beforeLength, afterLength);
   }

}

super.onCreateInputConnection(outAttrs) 华为青春版P8这个方法直接就返回空了,根本无法拦截

这就尴尬了,也一直在去搜索这方面知识,奈何时间又短,项目又紧张,根本没有时间去看系统代码,所以只能想其他办法,后面看到了EditText是如何拦截输入内容的,然后觉得如果将整个webview假设成为EditText有没有可能,没想到一试,还真行,代码如下:

    

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
   super.onCreateInputConnection(outAttrs);
   return new MyInputConnection(new InputView(MyWebView.this,false,onItemTextClickCallBackI),
         true,onItemClickCallBackI);//InputView自己定义的继承基础输入链接桥梁类,


}
public class InputView extends BaseInputConnection {
   private OnItemClickCallBackI onItemTextClickCallBackI;

   public InputView(View targetView, boolean fullEditor,OnItemClickCallBackI textClickCallBackI) {
      super(targetView, fullEditor);
      this.onItemTextClickCallBackI=textClickCallBackI;
   }

   @Override
   public boolean commitText(CharSequence text, int newCursorPosition) {
      //System.out.println("截获的文字   :"+text);
      onItemTextClickCallBackI.callFirstBack(text);//文字拦截回调

      return true;
   }
}
public class MyInputConnection extends InputConnectionWrapper {
   private OnItemClickCallBackI onItemClickCallBackI;
   public MyInputConnection(InputConnection target, boolean mutable,OnItemClickCallBackI onCallBackI) {
      super(target, mutable);
      if(onCallBackI!=null){
         this.onItemClickCallBackI=onCallBackI;
      }
   }

   @Override
   public Handler getHandler() {
      return new Handler();
   }

   @Override
   public boolean sendKeyEvent(KeyEvent event) {
      if(this.onItemClickCallBackI!=null){
         onItemClickCallBackI.callFirstBack(event);//事件拦截回调
      }

      return super.sendKeyEvent(event);
   }

   @Override
   public boolean deleteSurroundingText(int beforeLength, int afterLength) {
      // magic: in latest Android, deleteSurroundingText(1, 0) will be called for backspace
      if (beforeLength == 1 && afterLength == 0) {
         // backspace
         return sendKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL))
               && sendKeyEvent(new KeyEvent(KeyEvent.ACTION_UP, KeyEvent.KEYCODE_DEL));
      }

      return super.deleteSurroundingText(beforeLength, afterLength);
   }

}
为什么去写了两个回调方法,一个是回调输入的文字,一个是回调软键盘的事件,当你去看到EditText 写拦截事件的时候,也没有整这么多内部类,原因就是以为webview毕竟不是EditView,不这么搞,要出事,
MyInputConnection 主要是去拦截软键盘的事件,
InputView 主要是去拦截输入的内容,

可能你只需要拦截软键盘事件,拦截内容干什么,接下来,你就明白了,

由于webview毕竟不是EditView,而且又是自定义的输入桥梁,当你在6.0以上系统是没有问题的,可是等到了6.0以下包括6.0,你会发现,你拦截的这个输入桥梁,根本无法输入汉字,英文 又是完全正常,这就尴尬了,好比以上的代码都是白费,其实不然,换个思路补救一下就OK,这就是为什么会有 

InputView 这个类里面的 onItemTextClickCallBackI.callFirstBack(text);方法回调了
在回调的时候,将你拦截到的内容,传给js,让JS动态把这些字设到相应的控件上

这样中文 英文 都没有问题了,当然了,如果你有时间,可以去研究下系统源码,会有更好的处理中文和英文的办法

总的来说,解决办法就是 重新搭建 android 与webview的输入链接桥梁,拦截输入事件和内容,回调给js,这样在目前我实测了大量的手机下是没有问题的,

希望以上内容对您有所帮助,如果有更好的办法,还请指点

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

零九

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值