Javascript 在contenteditable中禁用（img）调整IE 8-11中的句柄大小，并尽可能将其删除

这个问题以前可能被问过好几次，但是我仍然无法解决这个问题。 我正在构建自己的所见即所得，其中一个选项是将图像插入contenteditable元素（div）。 在IE（8-11）中，将调整大小手柄附加到单击的图像。 我想删除这些句柄并完全禁用IE中的大小调整功能。还可以在contenteditable元素中注册IE 8-10中图像的点击事件

到目前为止我都试过了

将父元素（WYSIWYG）的onresizestart属性设置为function（）{return false；}

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

上面的代码在IE8-10中工作，它禁用了图像的大小调整，但是在IE11中失败了

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

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

这将禁用调整大小，并且不显示句柄，但用户不能在contenteditable区域内拖放图像

在Firefox中（其他（Webkit）浏览器没有实现这种功能），这是通过

document.execCommand（“enableObjectResizing”，false，false）

那么，如何在IE 8-11中禁用/删除这些句柄，并在contenteditable中的图像上注册单击事件呢？
将图像的
不可选择属性设置为
on
：

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

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

您是否可以提供一些演示页面来尝试（jsBin或相关的）？您是否尝试过使用函数（e）{e.preventDefault（）；}？你甚至可以保持返回错误；在内部，您是否尝试使用css
resize:none解决此问题属性？可能重复的