Javascript “不能移动”;分区;“关于处理”;onclick";事件
我想点击一个div,该div将被移动,该div将跟随我的鼠标。 我所拥有的: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 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;
}