前言
-
功能:用户往一个多行文本控件(textarea)中粘贴内容,但粘贴时会进行一些判断,比如去掉内容中的html,或者去掉空字符,或者不处理直接粘贴。
-
处理流程:
- 监听paste事件,并阻止其默认行为,然后获取剪切板中的内容(e.clipboardData.getData(‘text/plain’))
- 弹框,让用户选择哪种处理方式
- 将处理后的内容放到多行文本中
- bug
谷歌(76.0)、360安全浏览器(63.0.**)可以正常运行
微信pc端内置的浏览器以及苹果手机中的微信浏览器,粘贴后,文本框中未出现内容
分析
查阅了一些资料,谷歌浏览器有些版本确实没有很好的支持document.execCommand()的某些功能;
不支持为false,支持为true,不兼容好像是可以抛错的
推荐一些工具:判断微信内置浏览器内核
解决
由于判断的逻辑属于一个公共函数,因此从公共函数中传递出处理后的字符串,再判断是否支持这个方法。如果不支持,就将多行文本的value等于处理后的字符串就可以了。