我在主页面创建了一个iframe，并在里面放入了一个jsp页面。我要把点击iframe时动态创建的div进行拖拽，但是出了点问题。大家帮我来看看吧！

fanbufanya123 2011-10-18 11:28:01

这是实现拖拽的js函数



//elementToDrag：进行拖拽的元素。event1：事件源。

function beginDrag(elementToDrag,event1)

{

//计算一个点和鼠标点击之间的距离，下面的嵌套的moveHandler函数需要这些值 

var deltaX=event1.clientX-parseInt(elementToDrag.style.left); 

var deltaY=event1.clientY-parseInt(elementToDrag.style.top); 

// 注册mousedown事件后发生的mousemove和mouseup事件的处理程序 

// 注意，它们被注册为文档的捕捉事件处理程序 

// 在鼠标按钮保持按下的状态的时候，这些事件处理程序保持活动的状态 

// 在按钮被释放的时候，它们被删除

document.attachEvent("onmousemove",moveHandler); 

document.attachEvent("onmouseup",upHandler); 

//我们已经处理了该事件，不要让别的元素看到它 

event1.cancelBubble=true; 

event1.returnValue=false; 

/* 

这是在元素被拖动时候捕捉mousemove事件的处理程序，它响应移动的元素 

*/ 

function moveHandler(e) 

{

//把元素移动到当前的鼠标位置 

e=window.event; 

elementToDrag.style.left=(event1.clientX-deltaX)+"px"; 

elementToDrag.style.top=(event1.clientY-deltaY)+"px"; 

//不要让别的元素看到该事件 

event1.cancelBubble=true; 

}

/* 

该事件将捕捉拖动结束的时候发生的mouseup事件 

*/ 

function upHandler(e) 

{ 

//注销事件处理程序 

document.detachEvent("onmouseup",upHandler); 

document.detachEvent("onmousemove",moveHandler);} 

event1.cancelBubble=true; 

}

我点击iframe所包含的页面中的一个span标签时动态加载一个div，并让这个div可以在主窗体（或者说主页面）上进行拖拽，所以我在动态创建这个可拖拽div时将其的onmousedown事件和上面的beginDrag这个js函数关联。这样的效果却是当我点击这个动态创建的div并对她进行拖拽时，传入js函数的event对象是空的，然后就报错了！而当我在iframe里面移动鼠标时，创建出来的div就会移动！！
我的初步判断是因为我想在主页面上，将通过子页面创建出来的div进行拖拽，所以在动态加载div时将onmousedown事件绑定beginDrag函数，传入js函数的event对象应该是主页面的event对象，而不是子页面的event对象。所以我觉得只要获取主窗体的event对象就可以在主窗体中拖拽。但event对象只有在触发一个事件时才会有值噢！可不可以在动态创建div绑定onmousedown事件时，触发主页面的事件并获取主页面event对象，然后传入就ok了呢？求解答，求速度！！

...全文