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