如何处理页面上控件的拖动？？

2003-10-24 12:10:08 110 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Image实现鼠标的拖动（自己做的图片显示控件）这是一个图片显示控件，这个控件用到了蒙版，图片只显示一部分，用鼠标拖动图片，可以转换显示的部分。这个控件是用在做相片处理的软件中的。我实现了相处部分显示，和拖动，但是在控件拖动的方面还不好（控制不能露出后面的背景，但是在拖动快的时候还是控件不住，所以我只控制了宽的拖动，等找到好方法再一起控制高的方向的拖动）拖动是用的RenderTransform属性页面代码： xmlns="ht 阅读详情

如何处理页面上控件的拖动，可以随便的拖动某个控件？？

...全文

基于Android图标拖动布局的实现基于Android图标拖动布局的实现余问鼎 2014-01-10 界面需求：界面整齐的排列各个图标，长按其中一个，可拖动选中的图标。拖动到想要的位置之后，界面可将图标再次排列整齐。类似一般android手机桌面布局。控件介绍： Android为我们提供了GridView 网格视图。GridView 可在控件内添加view子控件，实现view的整齐排列，但是GridV 阅读详情

acai

.NET社区 62,271 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

acai 2003-10-24

打赏
举报

页面显示后，上面的控件可以拖来拖去，如何实现？？

percyboy 2003-10-24

打赏
举报

javascript 中 ondrag(?) 事件实现

Nicholasqpl 2003-10-24

打赏
举报

能不能说的详细点?

liuzhonghe 2003-10-24

打赏
举报

这是我写的一个拖动<div>.</div>的脚本
var m_fMouseDown = false;
var m_fMouseMoved = false;
var m_cxOffset = 0;
var m_cyOffset = 0;
var m_prtSrc = null;
var m_prtDrag = null;

function OnDocument_MouseDown()
{
var Element=event.srcElement;
if ((window.event.srcElement.className == 'Res') || ((Element.tagName=="DIV" )&& (Element.parentElement !=null) &&(Element.parentElement.offsetParent.id.indexOf("DragTable12345")!= -1)))
{
//把层的内容存入tempsave中
document.all("tempsave").value=Element.innerText;

m_fMouseDown = true;
document.all("m_fMouseDown").value=1;

m_cxOffset = window.event.clientX - GetAbsoluteLeft(window.event.srcElement);
m_cyOffset = window.event.clientY - GetAbsoluteTop(window.event.srcElement);

m_prtSrc = window.event.srcElement;
if(document.all("IsNodeChange").value==1)
{
m_prtDrag=document.createElement("div");
// m_prtDrag.id=m_prtSrc.id;
m_prtDrag.className=m_prtSrc.className;
m_prtDrag.innerText=m_prtSrc.innerText;
}
else
{
m_prtDrag = m_prtSrc.cloneNode(true);
}

m_prtDrag.style.position = 'absolute';
m_prtDrag.style.filter = 'alpha(opacity=50)';
m_prtDrag.style.left = (window.event.x - m_cxOffset) + document.body.scrollLeft;;
m_prtDrag.style.top = (window.event.y - m_cyOffset) + document.body.scrollTop;
m_prtDrag.style.width = m_prtSrc.offsetWidth;
m_prtDrag.style.zIndex=0;
m_prtDrag.attachEvent("onmousemove",DivMouse_OnMouseMove);
document.body.insertAdjacentElement('beforeEnd', m_prtDrag);

m_prtDrag.setCapture();
}

}

function DivMouse_OnMouseMove()
{
if (m_fMouseDown)
{
m_fMouseMoved = true;

m_prtDrag.style.left = window.event.clientX - m_cxOffset + document.body.scrollLeft;
m_prtDrag.style.top = window.event.clientY - m_cyOffset + document.body.scrollTop;

}
}

function GetAbsoluteLeft(elem)
{
var leftPosition = 0;

while (elem)
{
if (elem.tagName == 'BODY')
{
break;
}
leftPosition += elem.offsetLeft;
elem = elem.offsetParent;
}
return leftPosition;
}

function GetAbsoluteTop(elem)
{
var topPosition = 0;

while (elem)
{
if (elem.tagName == 'BODY')
{
break;
}
topPosition += elem.offsetTop;
elem = elem.offsetParent;
}
return topPosition;
}

function DivMouse_OnMouseUp()
{
var Element=event.srcElement;
if((Element.tagName=="DIV" )&& (Element.parentElement.tagName=="TD") && (Element.parentElement.offsetParent.id.indexOf("DragTable12345")!= -1))
{
if(document.all("tempsave").value !=Element.innerText)
{
Element.fireEvent("onmouseup");
}
}
if (m_fMouseDown)
{
if (m_fMouseMoved)
{
m_fMouseMoved = false;
}
m_fMouseDown = false;
document.all("m_fMouseDown").value="0";
document.all("IsNodeChange").value="0";
}
//divMouse.releaseCapture();
if(m_prtDrag !=null)
m_prtDrag.removeNode(true);
//m_prtDrag.style.filter = 'alpha(opacity=100)';
}

function bodymouseup()
{
if (m_fMouseDown)
{
if (m_fMouseMoved)
{
m_fMouseMoved = false;
}
m_fMouseDown = false;
}
m_prtDrag.removeNode(true)
}

Endlessrain 2003-10-24

打赏
举报

学习~~~~~~~`

牛牛Alex 2003-10-24

打赏
举报

rgbcn 2003-10-24

打赏
举报

(1) Recognizing the drag/drop events
Here's a link that deals with that.
http://www.experts-exchange.com/Web/Web_Languages/JavaScript/Q_20111036.html

(2) you'll need to get that JavaScript into the web page.
Here's several methods to do it in .NET.
http://www.codeguru.com/net_asp/EmbeddingJava.html

saucer 2003-10-24

打赏
举报

see

http://www.walterzorn.com/dragdrop/dragdrop_e.htm

try to drag the image around

如何处理页面上控件的拖动？？

相关推荐