'selection.addRange() 已弃用 - CSS '作主题

从CSS4开始，'selection.addRange()'方法已被弃用。这个方法在CSS中被用于将一个或多个文本范围添加到用户选择中。

为什么会被弃用？

由于标准化组织对CSS选择和文本处理方式进行了更新，'selection.addRange()'方法不再符合最新的规范。因此，该方法已被弃用，不再作为推荐的选择操作方式。

替代方法

取而代之的是，开发人员应该使用新的CSS特性和选择器来实现类似的效果。以下是一些常用的替代方法：

1. 使用CSS选择器：使用:focus或:focus-within选择器来选取被焦点元素或其子元素。这些选择器可以用来应用样式，并可通过伪元素选择器:selection来访问用户选中的文本部分。

2. 使用JavaScript：可以使用JavaScript来处理用户选中的文本。通过事件监听，可以检测到选择文本的动作，并对选定的文本范围进行处理和操作。

document.addEventListener('selectionchange', function() {
    var selection = window.getSelection();
    var range = selection.getRangeAt(0); // 获取第一个选区范围
    // 进行进一步的操作
});

注意事项

虽然'selection.addRange()'已被弃用，但在现有的浏览器中仍然可以使用。然而，为了确保未来的兼容性，建议开发人员尽早修改代码以适应新的选择操作方式。

参考资料

• CSS Selectors Level 4 - W3C Recommendation