javascript – 在包含图像的div内部的向下箭头键光标

我正在修改基于bootstrap的
HTML编辑器.我已经完成了图像上传部分.在图像上传中,我在div中创建了一个图像.

<div style="border: 1px solid;padding: 10px; width: 300px;resize: both;overflow: auto;">
    <img src="uploads/images/dark_knight.jpg"> 
</div>

我希望图像可以调整大小,因此,

element.style {
   border: 1px solid;
   padding: 10px;
   width: 300px;
   resize: both;
   overflow: auto;
  }

但问题是当我按下一个向下键的光标进入一个包含图像的div(而不是一个div).

那么我应该做些什么改变才能按下按键将光标移到div下面?

最佳答案 演示:
http://jsfiddle.net/u37cxxbh/2/

使div contenteditable =“false”并在图像旁边添加textarea元素.如上例所示.

点赞