ios与mac系统，input输入时，自带的输入法会出现重复显示问题

问题：ios与mac系统，input输入时，自带的输入法会出现重复显示问题
解决方法：以不允许输入表情为例
需要为安卓及ios进行兼容处理
先区分系统再调用对应方法
ios：

// ios不让输入表情 并且兼容 自带输入法
oninputplnrios = e => {console.log('ios输入法限制')let input = document.getElementById('textarea')input.addEventListener('compositionstart', e => {this.inputLock = trueconsole.log('compositionstart', checkLength(e.target.value), e)})input.addEventListener('compositionend', e => {this.inputLock = falseconsole.log('compositionend', checkLength(e.target.value), e)})function checkLength(data) {console.log(data)input.value = data.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.\`\~\!\@\#\$\%\^\&\*\(\)\_\+\=\<\>\?\:\"\{\}\|\,\.\\\/\;\'\[\]\·\~\！\@\#\￥\%\……\&\*\（\）\+\=\{\}\|\《\》\？\：\“\”\【\】\、\；\‘\’\，\。\、\￥\-]/g, '')}
}

安卓：
// 安卓不让输入表情
oninputplnr1 =e => {console.log('安卓输入法限制')if ((/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.\`\~\!\@\#\$\%\^\&\*\(\)\_\+\=\<\>\?\:\"\{\}\|\,\.\\\/\;\'\[\]\·\~\！\@\#\￥\%\……\&\*\（\）\+\=\{\}\|\《\》\？\：\“\”\【\】\、\；\‘\’\，\。\、\￥\-]/g).test(e.target.value)) {console.log('阻断')e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.\`\~\!\@\#\$\%\^\&\*\(\)\_\+\=\<\>\?\:\"\{\}\|\,\.\\\/\;\'\[\]\·\~\！\@\#\￥\%\……\&\*\（\）\+\=\{\}\|\《\》\？\：\“\”\【\】\、\；\‘\’\，\。\、\￥\-]/g, '')console.log('进入判断后的e', e.target.value)} else {console.log('通过')}
}

ios与mac系统，input输入时，自带的输入法会出现重复显示问题相关推荐

微信小程序iOS使用input输入时placeholder及输入内容消失或隐藏
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/weixin_43629308/article/details/86215850 在微信小程序开发中遇 ...
【已解决】MAC系统idea顶部的菜单栏的不见了，菜单栏不显示
问题描述: 最近换了mac , 在安装idea的时候找不到菜单栏. mac环境中,idea没有显示菜单栏,而是由mac的菜单栏代为显示.如下图: 解决办法:如果想把菜单栏移到idea的那里,需要改几个 ...
MAC系统IDEA工具栏没有svn图标，svn项目也不显示修改信息
前提是你在idea中已经配置了SVN 在VCS菜单中有个开关,叫Enabled Version Control Integration,在打开的窗口的选项中选择Subversion即可.操作如下图第 ...
Mac～Terminal终端操作命令、vim操作命令、mac系统快捷键
目录 terminal~shell终端操作命令 shell~mv移动操作命令 12. shell~mv 重命名文件 vim操作命令插入命令查找命令撤销和重做 ...
无线网卡在 MAC 系统下的安装与使用过程
MAC系统安装netgear无线网卡的方法: 1)去网件官网下载相应的驱动软件 2)单击页面左侧的"Version 1.0.0.0"进入下载页面如下图 3)选择对应您系统版本的驱动 ...
mac系统下如何安装python的numpy
mac系统下如何安装python的numpy mac系统下如何安装python的numpy 在数学建模方面numpy模块有很大的用处,同时安装也十分苦难 (我的电脑信息是mac系统,python3) ...
黑马程序员——ios面试学习一：Mac系统使用教程——黑马 ios 技术博客
------Java培训.Android培训.iOS培训..Net培训.期待与您交流! ------- 学习Mac从这里开始!!! 谢谢大家热烈支持, 感动! 你们的支持是我更新的动力!大家留言说 ...
ios 系统提示框_经验分享：新购买移动硬盘格式化为Windows系统和Mac系统同时可以使用的方法...
经常使用硬盘的小伙伴们都知道,新买的移动硬盘,要想在Windows系统使用的话是可以直接使用的,因为一般情况下新买的移动硬盘格式是适用于Windows系统的NTFS格式:如果想让该移动硬盘也能在苹果的 ...
【IOS】IOS/mac系统使用微软雅黑等字体
IOS系统的默认字体总是给人模糊发虚的感觉,而微软雅黑字体字形略呈扁方而饱满,笔画简洁而舒展,易于阅读.那么怎么在mac或者ios中使用微软雅黑字体呢. 下面简要说明.Launchpad-字体册.字体 ...

ios与mac系统，input输入时，自带的输入法会出现重复显示问题

ios与mac系统，input输入时，自带的输入法会出现重复显示问题相关推荐

最新文章

热门文章