用JavaScript獲取頁面上被選中的文字的技巧
阿新 • • 發佈：2019-01-22
這裡介紹的一個小技巧是如何用JavaScript獲取頁面上被選中的文字的方法。最關鍵的JavaScript API是：
event.selection = window.getSelection();
這裡的selection實際上是個物件，但如果我們使用 .toString()或強行轉化成字串，我們將得到被選中的文字。
$(document).ready(function () {
$(".contenttext").mouseup(function (e) {
var txt;
var parentOffset = $(this).offset();
var x = e.pageX - parentOffset.left;
var y = e.pageY - parentOffset.top;
txt = window.getSelection();
if (txt.toString().length > 1) {
alert(txt);
}
});
});如果我們把這段程式碼放置到下面的頁面中：
<html>
<head>
<title>Get selected text with JavaScript</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://www.webhek.com/wordpress/wp-includes/js/jquery/jquery.js"
當用滑鼠選中頁面中的部分文字，同時你就獲取到了選中的內容，我在這裡使用alert()方法將其顯示出來。
