光标变为＆＃39;移动＆＃39;在IE11中键入contenteditable div

Question

如果你悬停或点击元素，它将在除IE11之外的firefox和chorome中正常工作。在IE11中，当您将鼠标悬停在元素上时，光标变为“移动”。要在元素中写入，您必须双击元素。双击元素时，会在元素周围创建边框。

<div contenteditable="true">
   <table class="table table-bordered">
       <tr>
           <td contenteditable="true">
               <textarea id="adf" class="form-control" cols="6" rows="2"></textarea>
           </td>
           <td contenteditable="true">
               <input type="text" name="abc" class="form-control" />
           </td>
       </tr>
   </table>

这里还有一个jsFiddle演示的链接：https://jsfiddle.net/bsan8p84/3/