处理图像单击ContentEditable区域中的事件

Question

我想自定义jwysiwyg jquery RTE。我想建立一个图像属性编辑器，这样一旦图像被插入到可编辑区域中，用户就会选择它，然后会出现一个模态窗口或属性面板，允许用户编辑宽度/高度等。类似于gmails图像插入UI。

问题是我很难找到如何处理必要的图像点击事件。任何人都知道一些示例代码或一些信息，我可以从哪里开始？

Answer 1

我刚刚开始类似的事情。使用jQuery的委托（）方法中，我得到了它这样的工作：

$("#bodyoftheeditordocument").delegate("img", "click", function (evt) { 
    // handle click event here... 
}); 

关于委托方法的很酷的事情是，它就会在体内，现在还是将来此事件处理程序连接到任何img标签。因此，甚至连编辑过程中插入的图像也可以连线。

祝你好运。

马克

Answer 2

我在iOS 10的解决方案是一个CONTENTEDITABLE =“false”属性添加到其中需要是可点击的img元素。 否则，Safari会认为你的意图是在图像前后插入插入符号，如果它位于可以引用的元素内。