禁用（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');