问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
oooonline
    5336109150

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

    前端javascripthtml5htmlecmascript-6
    阅读 3.6k
    3 个回答
    得票最新
    头像
    YoLinDeng
      5451318

      使用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>
      头像
      daode
        5713

        通过焦点获取光标所在元素你能看否满足需求
        光标所在一般都在文本框里面(只适用于input,textarea)
        以jq为例：

        //光标所在input元素的位置
$("input:focus")
//光标所在textarea元素的位置
$("textarea:focus")
        头像
        水不凉
          4.9k1520

          document.elementFromPoint 加 mousemove

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题