微信浏览器下document.execCommand(“insertHTML“, false/true, 自己传递过来的值)不生效

前言

1. 功能：用户往一个多行文本控件（textarea）中粘贴内容，但粘贴时会进行一些判断，比如去掉内容中的html，或者去掉空字符，或者不处理直接粘贴。
2. 处理流程：

• 监听paste事件，并阻止其默认行为，然后获取剪切板中的内容（e.clipboardData.getData(‘text/plain’)）
• 弹框，让用户选择哪种处理方式
• 将处理后的内容放到多行文本中

3. bug
   谷歌（76.0）、360安全浏览器（63.0.**）可以正常运行
   微信pc端内置的浏览器以及苹果手机中的微信浏览器，粘贴后，文本框中未出现内容

分析

查阅了一些资料，谷歌浏览器有些版本确实没有很好的支持document.execCommand()的某些功能；

不支持为false，支持为true，不兼容好像是可以抛错的

推荐一些工具：判断微信内置浏览器内核

解决

由于判断的逻辑属于一个公共函数，因此从公共函数中传递出处理后的字符串，再判断是否支持这个方法。

如果不支持，就将多行文本的value等于处理后的字符串就可以了。