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

Question

如何获得鼠标的位置,然后在其旁边放置一个HTML元素？
例如,如果我有一个<textarea>并且我希望鼠标悬停在其上时显示工具栏,我该怎么做？

Answer 1

你可以看一下X与Y坐标event.pageX,并event.pageY在textarea的鼠标移动的功能.

$('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();
});