如何实现在页面上对一个button对象的拖动

xhusa 2002-04-26 05:40:05
如何实现在页面上对一个button对象的拖动
...全文
36 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
xhusa 2002-04-26
  • 打赏
  • 举报
回复
谢谢,我给你分!
seabell 2002-04-26
  • 打赏
  • 举报
回复
<HTML>
<HEAD>
<TITLE>THE EXAMPLE</TITLE>
<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
{
if (event.button==1&&dragapproved)
{
eventsource.style.pixelLeft=temp1+event.clientX-x
eventsource.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags()
{
if (!document.all)
return
if (event.srcElement.className=="drag")
{
dragapproved=true
eventsource=event.srcElement
temp1=eventsource.style.pixelLeft
temp2=eventsource.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
</HEAD>
<BODY>
<span style="font-family:DextorOutD;font-size: 9pt">
<input type=button value=drag class=drag>
</span>
自由的按钮
</BODY>
</HTMl>

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧