Javascript 在IE中防止调整contenteditable div中按钮的大小

我们有一个样式化的禁用输入，类型为button，我们将其用作内容可编辑区域中其他内容的占位符。问题是IE（我们特别针对IE10）似乎完全忽略了resizestart事件，因此当您单击元素时，您可以调整它的大小。我们希望防止这种情况发生，但仍然允许选择和拖动元素。这似乎确实对图像有效

这里选择元素背后的故事是冗长的，所以现在假设我们不能更改元素

更新： 下面是一个演示问题和相关示例代码的示例：

<div contenteditable="true">
    <input type="button" value="test" disabled="disabled" onresizestart="return false;" onresize="return false;" id="test" />
</div>

---

这远非理想，但确实有效。您可以捕获容器的“mouseup”事件，并在其中重置控件的宽度和高度：

$('#container').mouseup(function(e){
    var $btn = $("#test");
    $btn.css('width','');
    $btn.css('height','')
})

这不会删除调整大小的方块，用户可以在视觉上临时调整控件的大小，但只要松开鼠标按钮，控件就会捕捉到原始大小

---

演示：

没有代码？无论如何？谢谢你的否决票，但请以后告诉我你为什么否决这个问题，否则我只能假设如何解决我的问题。@myfunkyside完全忘了包括小提琴。很抱歉，谢谢你的评论@myfunkyside不确定这是否是您评论的意外转载，但HTML是相关代码。事件处理程序是有意内联注册的。@MikeWillis拖放并不是我们的重点；我们需要的内容可编辑，因为这是内容创作，所以我不认为这将解决这里的调整大小问题。谢谢你！在IE v11.0.9600.17358中，这在输入按钮上对我有效，但在图像上不起作用（我知道OP专门针对IE10，但我想我只是提醒一下），我们最终实现了这种方法，目前它对我们有效。谢谢