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

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

回答

使用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>

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

//光标所在input元素的位置

$("input:focus")

//光标所在textarea元素的位置

$("textarea:focus")

以上是 js中,将鼠标悬停在文字上,就可以将文字选中,这个效果如何制作? 的全部内容, 来源链接: utcz.com/a/68688.html

回到顶部