为什么没有效果呢

david___ 2016-10-30 09:35:01

<!DOCTYPE html>

<html>

<head>

	<title></title>

	<meta charset="utf-8">

	<script src="jquery-3.0.0.min.js"></script>

</head>

<body>

<div id="div"></div>

<script type="text/javascript">

var div = document.getElementById("div");

div.style.width = "200px";

div.style.height = "200px";

div.style.backgroundColor = "red";

div.style.position = "absolute";



div.onmousedown = function(){

	//获取鼠标当前位置

	var x1 = event.clientX;

	var y1 = event.clientY;

	//获取div当前位置

	var x2 = div.offsetLeft;

	var y2 = div.offsetTop;

	//当鼠标滑动时

	if(!document.onmousemove){

		document.onmousemove = function(){

			div.style.left = x2 + event.clientX - x1;

			div.style.top = y2 + event.clientY - y1;

		}

	}

}

document.onmouseup = function(){

	document.onmousemove = null;

}





</script>

</body>

</html>

...全文

152 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2016-10-31

打赏
举报

        var div = document.getElementById("div");
        div.style.width = "200px";
        div.style.height = "200px";
        div.style.backgroundColor = "red";
        div.style.position = "absolute";

        div.onmousedown = function (event) {////////////////////////////////////////////////////
            event = event || window.event;////////////////////////////////////////////////////
            //获取鼠标当前位置
            var x1 = event.clientX;
            var y1 = event.clientY;
            //获取div当前位置
            var x2 = div.offsetLeft;
            var y2 = div.offsetTop;
            //当鼠标滑动时
            if (!document.onmousemove) {
                document.onmousemove = function (event) {////////////////////////////////////////////////////
                    event = event || window.event;////////////////////////////////////////////////////
                    div.style.left = x2 + event.clientX - x1+'px';////////////////////////////////////////////////////
                    div.style.top = y2 + event.clientY - y1 + 'px';////////////////////////////////////////////////////
                }
            }
        }
        document.onmouseup = function () {
            document.onmousemove = null;
        }

david___ 2016-10-30