Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “不能移动”;分区;“关于处理”;onclick";事件_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript “不能移动”;分区;“关于处理”;onclick";事件

Javascript “不能移动”;分区;“关于处理”;onclick";事件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想点击一个div,该div将被移动,该div将跟随我的鼠标。 我所拥有的: <div onclick="myFunction()" id="move"></div> <script> function myFunction(){ var div = document.getElementById('move'); document.addEventListener('mousemove', function (e

我想点击一个div,该div将被移动,该div将跟随我的鼠标。

我所拥有的:

<div onclick="myFunction()" id="move"></div>


<script>
    function myFunction(){
        var div = document.getElementById('move');
        document.addEventListener('mousemove', function (e){
        div.style.left=e.pageX+"px";
        div.style.top=e.pageY+"px";
    });}
</script>

函数myFunction(){
var div=document.getElementById('move');
document.addEventListener('mousemove',函数(e){
div.style.left=e.pageX+“px”;
div.style.top=e.pageY+“px”;
});}

您需要的另一件事是为div的样式设置
“Position:absolute”

添加以下css:

div{
    position:absolute;
}