[游戏开发] 输入框去空格指令兼容ios苹果系统中文输入法

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 游戏开发 -> 输入框去空格指令兼容ios苹果系统中文输入法 -> 正文阅读

[游戏开发]输入框去空格指令兼容ios苹果系统中文输入法

export class InputXXXDirective {

  constructor(private elementRef: ElementRef, private control: NgControl) { }

  @HostListener('keydown', ['$event'])
  keydownFun(evt) {
    if (evt.key && evt.key.trim() === '') {
      const u = navigator.userAgent;
      const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端:拼音通过空格分词(需要兼容)
      if (!isiOS) {
        evt.preventDefault();
      }
    }
  }

  @HostListener('keyup', ['$event', '$event.target'])
  keyupFun(evt, target) {
    if (evt.key && evt.key.trim() === '') {
      const u = navigator.userAgent;
      const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端:拼音通过空格分词(需要兼容)
      if (isiOS) {
        this.keychangeFun(evt, target);
      }
    }
  }

  @HostListener('change', ['$event', '$event.target'])
  keychangeFun(evt, target) {
    const reg = /(\s+)/g;
    if (target.value && reg.test(target.value)) {
      this.control.control.setValue(target.value.replace(/(\s+)/g, ''));
      target.focus();
    }
  }

}

因为苹果IOS系统的中文输入法，是通过空格分隔拼音，如果去空格会打断中文输入法，造成输入混乱，所以需要进行兼容处理。