Javascript 如何在鼠标上方选择文本，然后将其放入变量中，以便在php中进一步使用

我需要做的网页完全一样

当您将鼠标悬停在段落上时，将使用“共享”按钮移动块，并将段落文本放入变量中

有人能帮我吗

以下是我发现的，但我不明白为什么不起作用：

$('.line').hover(function(){
$('.line').removeClass('hover');
$(this).addClass('hover').next().addClass('hover').next().addClass('hover').next().addClass('hover');
});


$('.line').hover(function(){
$('.line').removeClass('hover');
$("#share-image").appendTo(this);
.appendTo("#destination");$(this).addClass('hover').next().addClass('hover').next().addClass('hover').next().addClass('hover');
});

css:

---

我想这就是你要找的，但不确定

HTML:

<p id='paragraph'>This is text</p>

<p id='textInsert'>Text will go here</p>

当您将鼠标移到一组歌词上时，会得到其相对于容器的偏移量和高度，然后将其应用到另一个绝对位于右侧的div

这段代码应该能让你达到85%

这是我的JS：

var $share = $('<div class="share">f p t</div>'),
    $lyrics = $('.lyrics');

$lyrics.append($share);

$lyrics.on('mouseover', 'p', function () {

  var $this = $(this),
      height = $this.height(),
      top = $this.position().top;

  $share
    .css({
      top: top,
      height: height,
      backgroundColor: 'red'
    })
    .data(
      'lyrics', 
      $this.text()
    );

});

$share.on('click', function () {
  alert($share.data('lyrics'));
});

---

这里有一个小演示：

如果不看代码，很难提供帮助。到目前为止你得到了什么？你有什么问题？代码在哪里，问题在哪里，你做的工作在哪里？我想要一辆这样的车：请为我造一辆。太棒了！你真的帮了我。看起来真漂亮谢谢你！

$('#paragraph').on('mouseenter', function() {

    var text = $(this).val();

    $('#textInsert').text( text );

});

var $share = $('<div class="share">f p t</div>'),
    $lyrics = $('.lyrics');

$lyrics.append($share);

$lyrics.on('mouseover', 'p', function () {

  var $this = $(this),
      height = $this.height(),
      top = $this.position().top;

  $share
    .css({
      top: top,
      height: height,
      backgroundColor: 'red'
    })
    .data(
      'lyrics', 
      $this.text()
    );

});

$share.on('click', function () {
  alert($share.data('lyrics'));
});