JS拖动层问题，求大神帮忙：下面js拖动层代码错在哪里？怎么拖动不了
<scriptlanguage="javascript"type="text/javascript">function$(id){varo=null;if(documen...
<script language="javascript" type="text/javascript">
function $(id){
var o=null;
if(document.getElementById)
{
o=document.getElementById(id);
}
else if(document.all)
{
o=document.all(id);
}
return o;
}
function dragEnable(dragTargetId,dragAreaId)
{
var tgt=$(dragTargetId);
var area=$(dragAreaId);
var posX,posY;
var tmpFun;
tgt.onmousedown=function(e){
if(!e)e=window.event;
posX = e.clientX - parseInt(tgt.style.left);
posY = e.clientY - parseInt(tgt.style.top);
tmpFun = document.onmousemove;
document.onmousemove=function(ev){
if(!ev)ev=window.event;
tgt.style.left = (ev.clientX - posX) + "px";
tgt.style.top = (ev.clientY - posY) + "px";
ev.stopPropagation();
}
e.stopPropagation();
}
area.onmouseup=function(e){
document.onmousemove = tmpFun;
e.stopPropagation();
}
}
dragEnable("popWin","popWinCaption");
</script> 展开
function $(id){
var o=null;
if(document.getElementById)
{
o=document.getElementById(id);
}
else if(document.all)
{
o=document.all(id);
}
return o;
}
function dragEnable(dragTargetId,dragAreaId)
{
var tgt=$(dragTargetId);
var area=$(dragAreaId);
var posX,posY;
var tmpFun;
tgt.onmousedown=function(e){
if(!e)e=window.event;
posX = e.clientX - parseInt(tgt.style.left);
posY = e.clientY - parseInt(tgt.style.top);
tmpFun = document.onmousemove;
document.onmousemove=function(ev){
if(!ev)ev=window.event;
tgt.style.left = (ev.clientX - posX) + "px";
tgt.style.top = (ev.clientY - posY) + "px";
ev.stopPropagation();
}
e.stopPropagation();
}
area.onmouseup=function(e){
document.onmousemove = tmpFun;
e.stopPropagation();
}
}
dragEnable("popWin","popWinCaption");
</script> 展开
2个回答
展开全部
<head>
<script type="text/javascript">
function $(id){
var o=null;
if(document.getElementById)
{
o=document.getElementById(id);
}
else if(document.all)
{
o=document.all(id);
}
return o;
}
function dragEnable(dragTargetId)
{
var tgt=$(dragTargetId);
var posX,posY;
var tmpFun;
tgt.onmousedown=function(e){
e = e||window.event;
posX = e.clientX - parseInt(tgt.style.left);
posY = e.clientY - parseInt(tgt.style.top);
tmpFun = document.onmousemove;
document.onmousemove=function(ev){
ev = ev||event;
tgt.style.left = (ev.clientX - posX) + "px";
tgt.style.top = (ev.clientY - posY) + "px";
}
}
tgt.onmouseup=function(e)
{
document.onmousemove = null;
document.onmouseup = null;
}
if(event.stopPropagation)
{
event.stopPropagation();
}
else
{
event.cancelBubble=true;
}
}
window.onload=function(){
dragEnable("popWinCaption");
};
</script>
</head>
<body>
<div id="popWinCaption" style="position:absolute;left:100px;top:100px;background-color:White;border:solid black;cursor:move;">ddddd</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
自己写的代码?为什么不试试jQueryUI里的
追问
一个页面中就这一个地方用js，如果用JQ ui是不是得不偿失？加载时间会增加N倍、、、、、、
追答
你可以定制模块,或用Tangram也可以啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
