关于JavaScript的问题拖拽的问题

为什么设定了onmousedown和onmousemove移动但是div不会移动<script>window.onload=function(){varoDiv=docu... 为什么设定了onmousedown和onmousemove 移动但是div不会移动
<script>
window.onload=function()
{var oDiv=document.getElementById('div1')
var disX=0;
var disY=0;
oDiv.onmousedown=function(ev)
{
var oEvent=ev||event;
disX=oEvent.clientX-oDiv.offsetLeft;
disY=oEvent.clientY-oDiv.offsetTop;};
oDiv.onmousemove=function(ev)
{
var oEvent=ev||event;
oDiv.style.left=oEvent.clientX-disX+'px';
oDiv.style.top=oEvent.clientY-disY+'px';}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>#div1{width: 100px;height: 100px;background:red;position: absolute;}</style>
<script>

.....
</script>

</head>
<body>
<div id="div1"></div>
</body>
</html> 展开

 我来答

2个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

百度网友db2a4a18
2017-01-13 · TA获得超过202个赞

知道小有建树答主

回答量：363

采纳率：85%

帮助的人：233万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>#div1{width: 100px;height: 100px;background:red;position: absolute;}</style>
	<script>
	window.onload=function()
	{
		var oDiv=document.getElementById('div1')
		var disX=0;
		var disY=0;
		var isDrag = false;
		oDiv.onmousedown=function(ev)
		{
			var oEvent=ev||event;
			isDrag = true;
			disX=oEvent.clientX-oDiv.offsetLeft;
			disY=oEvent.clientY-oDiv.offsetTop;
		};
		oDiv.onmouseup = function(){
			isDrag = false;
		};
		oDiv.onmousemove=function(ev)
		{
			if(isDrag){
				var oEvent=ev||event;
				oDiv.style.left=oEvent.clientX-disX+'px';
				oDiv.style.top=oEvent.clientY-disY+'px';
			}
		};
	}
</script>
</head>
<body>
	<div id="div1"></div>
</body>
</html>

用个变量做标记,检测是否按下鼠标.

本回答由提问者推荐

已赞过 已踩过<

评论收起

涃__
2017-01-13 · 超过88用户采纳过TA的回答

知道答主

回答量：158

采纳率：33%

帮助的人：108万

我也去答题访问个人页

关注

展开全部

从格式上来说，oDiv.style.top=oEvent.clientY-disY+'px';}后面少了一个}

不过你要想实现拖拽功能，，你的代码有点问题。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

关于JavaScript的问题拖拽的问题

为你推荐：