禁用（img）在IE 8-11中调整大小的句柄，如果可能的话，删除它们

Question

之前可能已经多次询问过这个问题，但是我仍然无法解决问题。 我正在构建自己的WYSIWYG，其中一个选项是将图像插入到contenteditable元素（div）中。 在IE（8-11）中，调整大小句柄附加到单击的图像。 我想删除这些句柄并完全禁用IE中的大小调整。也可以在IE 8-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);

那么，我怎样才能在IE 8-11中禁用/删除这些句柄，并且能够在满意的图像上注册点击事件？

Answer 1

将unselectable属性设置为on到您的图片：

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

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