Firefox 用于取消内容编辑表div中的删除事件的Crossbrowser方法_Firefox_Drag And Drop_Dom Events_Contenteditable

Firefox 用于取消内容编辑表div中的删除事件的Crossbrowser方法

firefox

Firefox 用于取消内容编辑表div中的删除事件的Crossbrowser方法,firefox,drag-and-drop,dom-events,contenteditable,Firefox,Drag And Drop,Dom Events,Contenteditable,我希望能够禁止将图像（和其他内容）跨浏览器放入内容可编辑的div中。我知道如何为Chrome和IE做到这一点。Firefox坚决拒绝。在的代码段中有一个示例，显示事件正在触发，我正在取消它，并且在Firefox中图像仍然显示基本上，以下内容在Firefox中无法工作： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ContentEditable

我希望能够禁止将图像（和其他内容）跨浏览器放入内容可编辑的div中。我知道如何为Chrome和IE做到这一点。Firefox坚决拒绝。在的代码段中有一个示例，显示事件正在触发，我正在取消它，并且在Firefox中图像仍然显示

基本上，以下内容在Firefox中无法工作：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ContentEditable fails in FF</title>
<script type="text/javascript">
function init() {
  var target = document.getElementById("target");
  if (target.addEventListener) {
    target.addEventListener ("dragenter", all, false);
    target.addEventListener ("dragover", all, false);
    target.addEventListener ("drop", all, false);    
    target.addEventListener ("dragdrop", all, false);
  } else {
    target.attachEvent ("ondragenter", all, false);
    target.attachEvent ("ondragover", all, false);
    target.attachEvent ("ondrop", all, false);    
  }
}
function all(event) {
if (event.preventDefault) { event.preventDefault();} 
return false;
}
</script>
</head>
<body onLoad="init();">
    <div id="target" style="border: 1px solid black; height: 100px;" contenteditable="true">This is editable content</div>
    <div>
     <p>I don't want the image to be draggable to the above div. Works in IE,
     Chrome, not firefox.</p>
     <img src="http://mozcom-cdn.mozilla.net/img/firefox-100.jpg">
    </div>
</body>
</html>


ContentEditable在FF中失败
函数init（）{
var target=document.getElementById（“目标”）；
if（target.addEventListener）{
target.addEventListener（“dragenter”，全部，假）；
target.addEventListener（“dragover”，全部，假）；
target.addEventListener（“drop”，all，false）；
target.addEventListener（“dragdrop”，全部，false）；
}否则{
target.attachEvent（“ondragenter”，全部，假）；
target.attachEvent（“ondragover”，全部，错误）；
target.attachEvent（“ondrop”，全部，假）；
}
}
功能全部（事件）{
if（event.preventDefault）{event.preventDefault（）；}
返回false；
}
这是可编辑的内容
我不希望图像被拖到上面的分区。在IE中工作，
Chrome，而不是firefox

我已经看过了：，但其中的建议在Firefox中也不起作用。

任何你不使用像jQuery这样的框架的原因，它都是跨浏览器的。

实际上，我使用的是jQuery，但对于这个特殊情况，我认为我没有什么可以使用的。我看了看桌子，但它既有我所不需要的，也有我所不需要的。可能是我看起来不够认真？