需求背景:
在富文本编辑器,粘贴文章时,禁止直接将图片和文字一起copy进去,以规避一些可能的问题。
解决思路:
在粘贴时,判断是否有图片,然后提示。
- 这里用到和粘贴相关的事件:onpaste。
- 获取粘贴板内容的方法:
IE:window.clipboardData
(仅ie有这个对象)
chrome等:e.clipboardData || e.originalEvent.clipboardData
- 获取具体粘贴板值:
IE:window.clipboardData.getData('Text');
getData() 方法必须要有参数,我暂时只查到这一个‘Text’参数,只能获取纯文本的值。(有大神了解其他参数,欢迎指导~)
var cli = window.clipboardData;
var type = cli.files[0].type; //获取类型,如图片的type = “image/png”