a-input输入框,苹果电脑(MAC)输入法的输入Bug

一、系统背景

我的项目使用的vue2.6.10 + ant-design of vue 1.7.8版本的框架,其实就是使用了jeecg的框架;然后再开发过程中没有使用过苹果电脑,所以没有测出这输入法的bug;
BUG:在MAC系统中,我的输入框输入"珠海"两个字,然后显示的拼音和中文,不是珠海两个字,但是,如果一个字一个字的输入,就没问题,连打就有问题;

二、问题解决和代码

检查发现,是在全局加了一个事件监听,main.js文件 添加的,影响到了全局,所以把这个全局的事件监听注释掉,这个事件监听的主要作用是去除空格的;

代码:

javascript 复制代码
mounted () {
    // 在全局监听 input 事件;去掉input的空格
    // document.body.addEventListener('input', this.removeSpacesFromInput, true);

  },
  render: h => h(App),
  //去掉input的空格
  // methods:{
  //   removeSpacesFromInput(e) {
  //     // 判断是否为 Ant Design 的 a-input 元素
  //     if (e.target.tagName === 'INPUT') {
  //       if (e.target.closest('.ant-input')) {
  //         // 对 Ant Design 的 a-input 组件去除空格
  //         e.target.value = e.target.value.replace(/\s+/g, '');
  //       } else if (e.target.closest('.el-input__inner')) {
  //         // 对 Element UI 的 el-input 组件去除空格
  //         e.target.value = e.target.value.replace(/\s+/g, '');
  //       }
  //     }
  //   }
  // },
  // //去掉input的空格
  // beforeDestroy() {
  //   // 在组件销毁前移除事件监听
  //   document.body.removeEventListener('input', this.removeSpacesFromInput, true);
  // }

}).$mount('#app')

就是上面的代码影响到了,注释掉就没问题了!!!

相关推荐
FlyWIHTSKY11 小时前
vue2和vue3有什么区别,用法上有哪些区别
前端·javascript·vue.js
unity工具人12 小时前
unity 照片墙插件(Pop-up Photo Wall)在触摸屏和红外框设备上的触发Bug
bug
ruanno_top15 小时前
能点,但 Tab 不到:两个组件把「可操作」做了一半
vue.js
爱吃烧烤的技术渣15 小时前
别再手写 CRUD 了:我把 Element Plus 的工作量压缩成一份列 schema
前端·vue.js
todoitbo16 小时前
我在 Mac 上用 Docker 部署 Nexent:从拉取镜像到接入模型
macos·docker·大模型·ai智能体·nexent·快速入门与环境准备
独隅17 小时前
WebStorm macOS 安装部署与高效调优实战指南
ide·macos·webstorm
徐小夕18 小时前
万字长文!DeepSeek Super-agent × 企业知识库架构深度拆解与落地实践
前端·vue.js·github
fthux2 天前
Tick Rest,一个休息提醒工具的自我修养
macos·开源·swift
ruanno_top2 天前
倒计时该用 deadline 还是每秒减一?我把两种写法都跑了一遍
vue.js
徐小夕2 天前
下载量超 30 万的开源智能体 Prime Agent:它把自己从 TypeScript 重写成了 Rust
前端·vue.js·github