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')

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

相关推荐
A黄俊辉A3 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
honkun63 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19913 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net
雪芽蓝域zzs3 天前
第26章:ECharts 自定义主题 + 页面一键切换主题(深色 / 浅色两套)
vue.js·echars
雪芽蓝域zzs3 天前
第22章:ECharts 图表联动(多图表交互联动)
vue.js·echars
daols883 天前
vue 表格组件 vxe-table 实现虚拟滚动与无需滚动加载
vue.js·vxe-table
雪芽蓝域zzs3 天前
第18章:ECharts 折线图 + 标记点、标记线,自定义 tooltip
vue.js·echars
雪芽蓝域zzs3 天前
第24章:ECharts 地图组件(基础行政区地图,若依 Vue3)
vue.js·echars
计算机毕设定制辅导-无忧学长3 天前
《基于Vue的流浪动物救助中心管理系统的设计与实现》
java·vue.js·spring boot·流浪动物救助中心管理系统
雪芽蓝域zzs3 天前
第25章:地图下钻交互(点击省份,切换到对应省份城市地图)
vue.js·echars