javascript鼠标获取选中的文字

最新推荐文章于 2022-07-21 23:00:00 发布

那谁家的，小谁

最新推荐文章于 2022-07-21 23:00:00 发布

阅读量483

点赞数

分类专栏：小白菜javascript

本文链接：https://blog.csdn.net/qq_41807489/article/details/90646793

版权

小白菜javascript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<p>你好啊，那谁家的小谁。听说你在找一个人。我知道她在哪里。</p>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</body>
</html>

1、获取选中的文字：

document.selection.createRange().text; IE9以下使用

window.getSelection().toString(); 其他浏览器使用

$('p').mouseup(function(){
    var txt = window.getSelection?window.getSelection():document.selection.createRange().text;
    alert(txt) ;
})

2、取消处于选中状态的文字：

document.selection.empty(); IE9以下使用

window.getSelection().removeAllRanges(); 其他浏览器使用

$('p').mouseup(function(){
    window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
})

那谁家的，小谁

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
javascript鼠标获取选中的文字

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title></head><body&g...
复制链接

扫一扫