Javascript 如何获得鼠标的位置并在其旁边放置一个元素？

如何获取鼠标的位置，然后在鼠标旁边放置HTML元素？

---

例如，如果我有一个

，我想在鼠标悬停时让工具栏出现，我该怎么做？

在文本区域的鼠标移动功能中，可以通过

事件.pageX

和

事件.pageY

获得x和y坐标

$('textarea#myText').mouseenter(function(event) {
  $('#toolbar').show();
});
$('textarea#myText').mousemove(function(event) {
  var left = event.pageX + 20;
  var top = event.pageY + 20;
  $('#toolbar').css('left', left).css('top', top);
});
$('textarea#myText').mouseleave(function(event) {
  $('#toolbar').hide();
});

---

答案可以在这里找到：

更多信息请看这个

var tooltips = document.querySelectorAll('.tooltip span');

window.onmousemove = function (e) {
    var x = (e.clientX + 20) + 'px',
        y = (e.clientY + 20) + 'px';

    for (var i = 0; i < tooltips.length; i++) {
        tooltips[i].style.top = y;
        tooltips[i].style.left = x;
    }
};

var tooltips=document.querySelectorAll（'.tooltipspan'）；
window.onmousemove=函数（e）{
变量x=（e.clientX+20）+‘px’，
y=（e.clientY+20）+‘px’；
对于（变量i=0；i

这个怎么样

---

请参阅上面的链接。

您的代码在哪里？还是你希望我们只为你工作？@JakeGould，我本来打算发布我的代码，但我真正想要的是获得该职位所需的属性，所以我决定不需要我的代码。但是，jqueryrocks给了我所需要的一切。谢谢！根据你的用户名，我怀疑你喜欢JQuery。谢谢你的回答+1用于使用原始JavaScript而不是JQueryTank！这就是为什么我喜欢堆栈溢出。你这么快就能得到这么多好的答案！

yourText = document.getElementById('yourText');
yourToolbar = document.getElementById('yourToolbar');
yourText.addEventListener('mouseenter',function(e){
    setTimeout(function(){
        yourToolbar.style.opacity=opacity_hi;
        //this CSS3 renders faster:
        yourToolbar.style.transform='translate('+(1000+mx-10)+'px,'+(1000+my+10)+'px)';
        yourToolbar.style.webkitTransform='translate('+(1000+mx-10)+'px,'+(1000+my+10)+'px)';
    },hide_delay/2);
    //...
});
yourText.addEventListener('mousemove',function(e){
    mx=e.pageX;
    my=e.pageY;
    //...
});