您现在的位置是:首页 > 电脑技术查询 > web开发

在线编辑器拖拽文本的有关问题

编辑:chaxungu时间:2022-10-02 23:17:35分类:web开发

在线编辑器拖拽文本的问题?
我现在需要实现这样一个功能,将文本拖拽至一图片,然后将拖拽的内容设置为该图片的title或者其他的属性。
当在一个html页面时我已经一个可以实现。
代码如下:
JScript codefunction fnHandleDrop1() { var oTarg = window.event.srcElement; var oData = window.event.dataTransfer; //fnCancelDefault(); //oTarg.innerText += oData.getData("text"); oTarg.key= oData.getData("text"); } function fnHandleDragEnter1() { document.getElementById("cs").innerHTML+="fnHandleDragEnter<br>"; var oData = window.event.dataTransfer; //fnCancelDefault(); oData.dropEffect = "move"; } function fnCancelDefault1() { document.getElementById("cs").innerHTML+="fnCancelDefault<br>"; var oEvent = window.event; oEvent.returnValue = false; } function cl() { alert(document.getElementById("p1").key); }
HTML code<img id="p1" src="LenLiTest/hyt/images/089.gif" ondragenter="fnHandleDragEnter1()" ondrop="fnHandleDrop1()" ondragover="fnCancelDefault1()" key=""/><input type="button" value="click" onClick="cl()"/>

以上代码能运行成功。
但是当图片在iframe中时不能运行成功,我的代码如下:
HTML code<iframe class="Composition" ID="eWebEditor" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="100%" scrolling="yes"></iframe>
我在用一下代码时,能触发ondragenter方法但是不能触发其它两个事件。
HTML code<img ondragenter="parent.fnHandleDragEnter()" ondrop="parent.fnHandleDrop()" ondragover="parent.fnCancelDefault()" src="buttonimage/standard/ItemID.jpg">
javascript代码与前面一致。


------解决方案--------------------
跨框架 执行脚本 在IE浏览器下是有点问题

FireFox就没问题
------解决方案--------------------
此问题貌似无解
------解决方案--------------------
p;)