Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.2k views
in Technique[技术] by (71.8m points)

js中,将鼠标悬停在文字上,就可以将文字选中,这个效果如何制作?

image
如动图所示。
将鼠标悬停在文字上就可以选中文字,即一划就选中了,这个事件如果制作?
【注】不是用点击事件,全程不带点击的。只用鼠标划


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

使用window.getSelection().toString()可以获取鼠标选用的内容
demo:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <p class="text">123</p>

  <script>
    window.onload = function() {
      document.querySelector('.text').addEventListener('click', SelectText, true)
      function SelectText() {
        var selecter = window.getSelection().toString()
        console.log(selecter)
      }
    }
  </script>
</body>
</html>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...