0 
<html>
<head>
<style>

    div{
        border: 1px solid black;
        width: 500px;
        height: 500px;      
    } 
    </style>
    <script>
    window.onload = function(){

        document.body.onmousedown = function(event){

           var mouseStartX = event.clientX;
           var mouseStartY = event.clientY;


            document.body.onmousemove = function(event){

                 var div = document.getElementsByTagName("div");
                 div[0].innerHTML = event.clientX + " " + event.clientY;


            }

        };

   };
</script>
</head>
<body>
<div>
</div>
</body>
</html>

これは私のコードです。 onmousedown と onmousemove イベントを同時に発生させた場合にのみ、マウスカーソルの位置を発生させたいのは、マウスをクリックしてドラッグすることを意味します。

4

1 に答える 1

0

ドラッグ用の他のイベントがあります。使用してみてください:

document.ondragstart = function (e) {console.log(e)}

それは出力されます：

drag MouseEvent {dataTransfer: Clipboard, toElement: a, fromElement: null, y: 98, x: 177…}
于 2013-07-04T15:29:58.683 に答える