ContentEditable DIV–禁用拖放功能

是否可以在将 contentEditable 属性设置为 true 的元素上禁用拖放功能。

我有以下HTML页面。

<!DOCTYPE html>
<html><meta charset="utf-8"><head><title>ContentEditable</title></head>
<body>
    <div contenteditable="true">This is editable content</div>
    <span>This is not editable content</span>
    <img src="bookmark.png" title="Click to do foo" onclick= "foo()">
    </span>
</body>
</html>

我面临的主要问题是,可以将图片拖放到DIV中,但图片会被复制(连同标题和点击处理程序)。

解决方案:

以下代码段将防止您的 div 接收到拖动的内容。

jQuery('div').bind('dragover drop', function(event){
    event.preventDefault();
    return false;
});

I (和其他几个)发现这个api很奇怪,而且有悖于直觉,但它确实阻止了一个contenteditable在除IE8(包括IE9测试版)以外的所有浏览器中接收拖动的内容。 目前,我还不能阻止IE8接受contenteditable。

如果我找到方法,我会更新这个答案。

给TA打赏
共{{data.count}}人
人已打赏
未分类

C:"const "关键字的行为。

2022-9-19 2:23:40

未分类

django-tables2 linkColumn外部url地址

2022-9-19 2:34:36

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索