div添加contenteditable属性后如何禁用拖放和粘贴操作?
Song •
2122 次浏览 •
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爬虫实战--进阶篇 ] guzzle实现多张图片上传 2023-01-14 -
moment获取本月/本周/本年/上月/上周、或者指定日期的第一天/最后一天 2022-12-23 -
jQuery 密码验证 字母加数字或符号的组合密码,不能单独使用数字、字母或字符及 常用正则 2022-12-13 -
jquery正则表达式验证(手机号、身份证号、中文名称、数字) 2022-12-13 -
Laravel 出现 Packets out of order. Expected 1 received 0. Packet size=103 2022-12-02

Jquery使用xlsx实现批量导入Excel数据