110,534
社区成员
发帖
与我相关
我的任务
分享
<script language="javascript" type="text/javascript">
var x0=0,y0=0,x1=0,y1=0;
var moveable=false;
//开始拖动
function startDrag(obj){
if(document.elementFromPoint(event.x,event.y).getAttribute('type')==null)
{
if(event.button==1){
obj.setCapture();
x0 = event.clientX;
y0 = event.clientY;
x1 = parseInt(obj.parentNode.offsetLeft);
y1 = parseInt(obj.parentNode.offsetTop);
moveable = true;
}
}else{
moveable=false;
}
}
//拖动
function Drag(obj){
if(moveable){
obj.parentNode.style.left = x1 + event.clientX - x0;
obj.parentNode.style.top = y1 + event.clientY - y0;
}
}
//停止拖动
function stopDrag(obj){
if(moveable){
obj.releaseCapture();
moveable = false;
document.getElementById("x").value=x1 + event.clientX - x0;
document.getElementById("y").value=y1 + event.clientY - y0;
document.getElementById("btDrag").click();
}
}
</script>
</head>
<body onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="Drag(this)" style="border:solid 1px red">
<input type="text" id="y">
<input type="text" id="x">
<input id="btDrag" value="drag" type="button" style="display:block"/>
</body>
HtmlElement element;
HtmlElement elementX;
HtmlElement elementY;
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
HtmlDocument doc = webBrowser1.Document;
element = doc.GetElementById("btDrag");
elementX = doc.GetElementById("hdragx");
elementY = doc.GetElementById("hdragy");
//绑定html事件
element.AttachEventHandler("onclick", new EventHandler(MoveForm));
}
private void MoveForm(object sender, EventArgs e)
{
//获取html中的值
int x = Convert.ToInt32(elementX.GetAttribute("value"));
int y = Convert.ToInt32(elementY.GetAttribute("value"));
this.Left = this.Left + x;
this.Top = this.Top + y;
}