在可编辑内容中禁用(img) IE 8-11中的调整大小句柄，如果可能则将其移除

Question

这个问题以前可能已经被问过几次了，但是我仍然无法解决这个问题。我正在构建自己的WYSIWYG，其中一个选项是将图像插入到contenteditable元素(div)中。在IE (8-11)中，大小调整手柄被附加到被点击的图像上。我想删除这些手柄，并完全禁止在IE中调整大小。也能够在内容可编辑元素中注册IE8-10中图像上的点击事件。

我到目前为止所尝试的

将父元素(WYSIWYG)的onresizestart属性设置为function(){return false;}

document.getElementById('wysiwyg').onresizestart = function(){return false;}

上面的代码在IE 8-10中工作，它禁用图像的大小调整，但是它在IE 11中失败。

我还尝试将图像的oncontrolselect属性设置为

image.oncontrolselect = function(){return false;}

这将禁用调整大小，并且不显示手柄，但用户不能在内容可编辑区域内拖放图像。

在Firefox (其他(Webkit)浏览器没有实现这样的功能)中，这是通过以下方式实现的

document.execCommand("enableObjectResizing", false, false);

那么，我如何在IE8-11中禁用/删除这些句柄，并能够在contenteditable中注册图像上的单击事件？

Answer 1

将图像的unselectable属性设置为on：

img = document.getElementById('/*image id*/");

img.setAttribute('unselectable','on');