不能移动" div"处理" onclick"事件

时间:2014-08-13 09:17:36

标签: javascript jquery html5 css3

我想点击一个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>

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:3)

添加此css:

div{
    position:absolute;
}

DEMO