<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function showpos()
{
document.all.x.value = event.clientX;
document.all.y.value = event.clientY;
}
function Point()
{
this.x, this.y;
this.eventpos = function()
{
this.x = event.clientX;
this.y = event.clientY;
}
this.setpos = function(pt)
{
this.x = pt.x;
this.y = pt.y;
}
}
var ptPre = new Point();
var ptCur = new Point();
function move(ptTo, ptFrom)
{
ox = ptTo.x - ptFrom.x;
oy = ptTo.y - ptFrom.y;
event.srcElement.style.posLeft += ox;
event.srcElement.style.posTop += oy;
}
</script>
<style type="text/css">
.dr
{
position : relative ;
cursor : hand ;
event:expression(
ondragstart=function()
{
ptCur.eventpos();
ptPre.eventpos();
},
ondrag=function(){
ptCur.eventpos();
move(ptCur,ptPre);
ptPre.setpos(ptCur);
}
)
}
</style>
</head>
<body onmousemove="showpos()" >
<form>
<div class="dr">X:<input name="x" id="x" type="text"></input></div>
<div class="dr">Y:<input name="y" id="y" type="text"></input></div>
</form>
<img class="dr" src="free_register.gif" mce_src="free_register.gif" />
<br/>
<div class="dr">Select me,and drag</div>
</body>
</html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function showpos()
{
document.all.x.value = event.clientX;
document.all.y.value = event.clientY;
}
function Point()
{
this.x, this.y;
this.eventpos = function()
{
this.x = event.clientX;
this.y = event.clientY;
}
this.setpos = function(pt)
{
this.x = pt.x;
this.y = pt.y;
}
}
var ptPre = new Point();
var ptCur = new Point();
function move(ptTo, ptFrom)
{
ox = ptTo.x - ptFrom.x;
oy = ptTo.y - ptFrom.y;
event.srcElement.style.posLeft += ox;
event.srcElement.style.posTop += oy;
}
</script>
<style type="text/css">
.dr
{
position : relative ;
cursor : hand ;
event:expression(
ondragstart=function()
{
ptCur.eventpos();
ptPre.eventpos();
},
ondrag=function(){
ptCur.eventpos();
move(ptCur,ptPre);
ptPre.setpos(ptCur);
}
)
}
</style>
</head>
<body onmousemove="showpos()" >
<form>
<div class="dr">X:<input name="x" id="x" type="text"></input></div>
<div class="dr">Y:<input name="y" id="y" type="text"></input></div>
</form>
<img class="dr" src="free_register.gif" mce_src="free_register.gif" />
<br/>
<div class="dr">Select me,and drag</div>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！