3
Ich möchte in der Lage sein Bilder (und andere Sachen) in einem Inhalt editierbaren div über Browser gelöscht werden. Ich sehe, wie man es für Chrome und IE macht. Firefox lehnt stur ab. Das Code-Snippet unter http://jsbin.com/oqozo3 hat ein Beispiel, das zeigt, dass das Ereignis ausgelöst wird, ich annulliere es und in FF erscheint das Bild immer noch.Crossbrowser-Methode zum Abbrechen eines Drop-Ereignisses in einem Inhalt editable div
Grundsätzlich Im Folgenden nicht
FF arbeiten in<!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>
Ich habe schon sah: ContentEditable DIV - disabling drag and drop, aber die Vorschläge auch in Firefox nicht funktionieren.
Eigentlich Cross-Browser ist, ich bin mit JQuery, aber es war nichts für diesen speziellen Fall, dass ich dachte, ich könnte benutzen. Ich habe Jeditable angeschaut, aber es hat mehr als ich brauche und weniger als ich brauche. Könnte ich einfach nicht hart genug aussehen? – seth