Jquery创建新div，并定位到鼠标位置怎么实现

首先，只讲思路方法不讲具体代码，别人直接给的永远不是自己的

创建新标签比较简单百度下就知道了就不说了，然后至于定位到鼠标位置，简单介绍下思路第一点，用clientX和clientY获取鼠标的坐标即位置，然后给新建的div添加定位属性，再将之前获取的鼠标位置的值赋值给div的top和left

ok，思路就这样

如果要兼容浏览器，最好使用一个库来实现，用鼠标的页面位置减去的页面位置就行了。

比如jquery：

$(document)click(function(e){

alert("X: " + (epageX - $('img')offset()left) + ", Y: " + (epageY - $('top')offset()top));

});

<div id="a" style="width:500px;height:400px; display:block; background-color:#eee;margin:50px auto;"></div>

//引入jQuery

<script>

var a=$("#a");

var boxX=aoffset()left;

var boxY=aoffset()top;

amousemove(function(e){

  var x = epageX;

  var y = epageY;

  var zX=x-boxX;

  var zY=y-boxY;

$(this)text("X:"+zX+"Y:"+zY);

});

</script>

以上就是关于Jquery创建新div，并定位到鼠标位置怎么实现全部的内容，包括:Jquery创建新div，并定位到鼠标位置怎么实现、js获取鼠标点击事件的相对位置、jquery获取鼠标在父元素的坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！