作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当用户单击文档时,我试图移动一个元素,但是,该元素正在移动到一个偏移位置。单击时如何删除偏移量?我试图让元素移动到鼠标的确切位置,我该怎么做?我需要使用 .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/
我是一名优秀的程序员,十分优秀!