div添加contenteditable属性后如何禁用拖放和粘贴操作?
Song •
710 次浏览 •
0个评论 •
2023年02月01日
html5中给div(或p)添加contenteditable=”true”之后,这个div就可以编辑了,但是随之而来的问题是拖放、粘贴,导致版面混乱。
<div class="editable" contenteditable="true"></div>
禁用粘贴很容易:
$('.editable').on('paste',function(){ return false; });
禁用拖放麻烦一点点:
$('.editable').bind('dragover drop', function(event){ //prevent drag and drop event.preventDefault(); return false; });
采用父级或更上层元素代理更好,这样动态加入的元素也不怕拖放了:
$('#parent_id').delegate('.editable', 'dragover drop', function(event){ //prevent drag and drop event.preventDefault(); return false; });
提交评论
请登录后评论
用户评论
当前暂无评价,快来发表您的观点吧...
更多相关好文
-
laravel中distinct()的使用方法与去重 2017-09-11
-
Laravel将view缓存为静态html,laravel页面静态缓存 2021-10-09
-
[ laravel爬虫实战--基础篇 ] guzzle描述与安装 2017-11-01
-
[ 配置教程 ] 在ubuntu16.04中部署LNMP环境(php7+maridb且开启maridb远程以及nginx多域名访问 )并配置laravel环境 2017-07-18
-
Jquery如何监听动态创建元素的点击事件? 2023-09-08
热门文章
-
Jquery如何监听动态创建元素的点击事件? 2023-09-08
-
所以SheetJS实现table导出数据为Excel 2023-09-05
-
ubuntu crontab设置定时任务教程以及常见命令合集 2023-08-21
-
laravel使用xlswriter实现导出10万条数据以及导出成功发送邮件 2023-07-11
-
多个PHP版本pecl安装拓展如何指定? 2023-07-11
Jquery如何监听动态创建元素的点击事件?