jQuery提供了一个getSelection
方法来获取鼠标选中的文本。这个方法返回一个对象,该对象包含了选中文本的相关信息。
下面是一个例子,展示了如何使用getSelection
方法来获取鼠标选中的文本:
$(document).ready(function() {
$(document).mouseup(function() {
var selectedText = getSelectedText();
console.log(selectedText);
});
});
function getSelectedText() {
var selectedText = "";
if (window.getSelection) {
selectedText = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
selectedText = document.selection.createRange().text;
}
return selectedText;
}
//得到选中文字内容如下
//选中文字
var funGetSelectTxt = function() {
var txt = '';
if(document.selection) {
txt = document.selection.createRange().text;
} else {
txt = document.getSelection();
}
return txt.toString();
};
2,获取对象元素的位置(offset()方法)
var offset = obj.offset();
//获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。
总结
通过使用jQuery的getSelection
方法,我们可以轻松地获取用户鼠标选中的文本。本文介绍了如何使用jQuery获取鼠标选中的文本,并提供了代码示例、序列图和甘特图来帮助理解这个过程。如果你在网页开发中遇到获取鼠标选中文本的需求,可以使用本文介绍的方法来解决问题。