gpt4 book ai didi

javascript - 如何将元素移动到鼠标位置

转载 作者:行者123 更新时间:2023-11-30 12:29:09 26 4
gpt4 key购买 nike

当用户单击文档时,我试图移动一个元素,但是,该元素正在移动到一个偏移位置。单击时如何删除偏移量?我试图让元素移动到鼠标的确切位置,我该怎么做?我需要使用 .offset() 函数吗?如果是这样,我该怎么做?

HTML

Player Name:  <input type="text" name="name" id="name" /><br>
<button name="submt" id="meh">Submit</button>

JS

$(document).ready(function(){
$(this).on("click", function(e){
var x = e.pageX;
var y = e.pageY;
$("#meh").css("marginLeft", x);
$("#meh").css("marginTop", y);
})
})

最佳答案

<div class="soccer-field">
<div class="ball"></div>
</div>

var container = document.querySelector(".soccer-field");
container.addEventListener('click', function (event) {
var x = event.clientX;
var y = event.clientY;
var ball = document.querySelector(".ball");
ball.style.position = "absolute";
ball.style.left = `${x}px`;
ball.style.top = `${y}px`;
})

关于javascript - 如何将元素移动到鼠标位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28267256/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com