老师,我尝试写了下方块拖动,请检查一下这样写可以吗?
来源:3-13 事件类型(onresize和onscroll)
慕桂英1352525
2020-10-17 23:18:33
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.one{
height:500px;
width:500px;
border:2px solid gray;
position:relative;
}
.two{
height:50px;
width:50px;
border:2px solid gray;
background:orange;
position:sticky;
left:0px;
top:0px;
}
</style>
<script>
window.onload=function(){
var move=document.getElementById('yidong');
move.onclick=function(){
move.onmousemove=function(){
var x=event.clientX;
var y=event.clientY;
this.style.setProperty('left',(x-25)+'px');
this.style.setProperty('top',(y-25)+'px');
}
}
move.ondblclick=function(){
alert('移动结束');
move.onmousemove=function(){
}
}
}
</script>
</head>
<body>
<div class="one">
<div id='yidong' class="two"> </div>
<p>单击小方块移动,双击停止拖动</p>
</div>
</body>
</html>
在这里输入代码,可通过选择【代码语言】突出显示
2回答
同学你好,这样写是可以的,祝学习愉快!
向学习者学习
2023-06-09
相似问题