首页 > 其他 > 详细

监听粘贴事件实现禁止向输入框或可修改元素内粘贴图片

时间:2021-03-02 20:04:24      阅读:26      评论:0      收藏:0      [点我收藏+]

第一步:为目标元素添加paste监听事件

第二步:获取dom对象,过滤图片文件等

     pasteWatcher(event) {
            let e = event || window.event
            // 阻止默认粘贴
            // e.preventDefault()
            let types = event.clipboardData.types
            // 粘贴事件有一个clipboardData的属性,提供了对剪贴板的访问
            let flag = false
            if (types && types.length > 0) {
                types.forEach(ele => {
                    if (ele == ‘Files‘) {
                        flag = true
                    }
                })
            }

            if (flag) {
                event.preventDefault()
            }
        },

注意:控制台打印event.clipboardData.types属性可能为空,不用理睬,实际上已经获取到数据。

监听粘贴事件实现禁止向输入框或可修改元素内粘贴图片

原文:https://www.cnblogs.com/cfcastiel/p/14469831.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!