在前端开发中，获取用户选中文本或元素的类型是一个常见的需求。在本文中，将介绍如何使用 JavaScript 和 jQuery 来实现。

使用 JavaScript 获取选中文本或元素的类型

获取选中文本

要获取选中文本，可以使用 window.getSelection() 函数。该函数返回一个 Selection 对象，表示当前页面中被选中的文本。然后，可以使用 getRangeAt() 方法来获取选中文本的范围，并使用 toString() 方法获取文本值。

const selectedText = window.getSelection().toString();

要获取选中元素的类型，可以使用 document.getSelection() 函数。该函数也返回一个 Selection 对象，表示当前页面中被选中的元素和文本。然后，可以使用 anchorNode 属性获取选中元素所在的节点，并使用 nodeName 属性获取节点类型的名称。

const selectedElement = document.getSelection().anchorNode.nodeName;

使用 jQuery 获取选中元素的类型

jQuery 是一个流行的 JavaScript 库，提供了许多方便的方法来操作 DOM 元素。当然，也可以使用 jQuery 来获取选中元素的类型。

获取选中元素的类型

要获取选中元素的类型，可以使用 $(window.getSelection().anchorNode).prop('nodeName') 语句。该语句首先使用 window.getSelection() 函数获取选中的对象，再使用 anchorNode 属性获取选中元素所在的节点。最后，使用 jQuery 的 prop() 方法获取节点类型的名称。

const selectedElement = $(window.getSelection().anchorNode).prop('nodeName');

总结

以上是获取选中文本或元素类型的两种方法。在实际开发中，需要根据具体需求和场景选择合适的方法来实现。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29839