📌  相关文章
📜  HTML DOM selection.type 属性(1)

📅  最后修改于: 2023-12-03 15:01:10.222000             🧑  作者: Mango

HTML DOM selection.type 属性

HTML DOM selection.type 属性是一个只读属性，用于返回选择的类型。它可以有多种值："None"、"Caret"、"Range"、"Text"。

语法
selection.type
返回值
  • None 表示没有选择任何内容；
  • Caret 表示选择的是文本光标；
  • Range 表示选择的是文本范围；
  • Text 表示选择的是某个文本节点。
示例
<!DOCTYPE html>
<html>
<body>

<p>请选中一些文本，然后点击按钮以查看选择类型。</p>

<button onclick="getSelectionType()">获取选择类型</button>

<script>
function getSelectionType() {
  var selection = window.getSelection();
  alert("选择类型: " + selection.type);
}
</script>

</body>
</html>

点击按钮后，会弹出一个提示框，显示当前所选内容的选择类型。

浏览器支持

除了 Internet Explorer 之外，大多数现代浏览器都支持 selection.type 属性。

参考链接