最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件，文本选区变化时候触发，简单记录下，希望日后可以帮到遇到类似需求的同行。
文章关键字 ‘selection’
JS文本选区变化selectionchange事件实践小记
2024年11月17日，星期日划词评论与Range开发若干经验分享
2022年09月21日，星期三
基于文字的URL锚点定位与::target-text样式设置
2022年06月12日，星期日
深入CSS ::first-letter伪元素及其实例等
2016年09月30日，星期五首先，::first-letter本身兼容性非常好，然而，细细体味，会发现，虽然::first-letter兼容性很好，浏览器很早就支持，但是我们实际项目用得并不多，那是因为，我们可以通过嵌套span标签的方式，实现更为广泛更灵活的样式控制。
但是，实际开发场景千千万，总会遇到HTML结构不能改动，或者改动成本很高的的情况，此时::first-letter等就非常有用，而且多半扮演英雄或者救星的角色……
JS Range HTML文档/文字内容选中、库及应用介绍
2011年04月14日，星期四
本文的内容基本上是基于“区域范围对象(Range objects)”这个概念来说的。这个玩意，可以让你选择HTML文档的任意部分，并可以拿这些选择的信息做你想做的事情。其中，最常见的Range是用户用鼠标选择的内容(user selection)。
本文有不少篇幅就是讲如何将用户的这种选择转换为W3C Range或Microsoft Text Range对象。随后展示了Range相关的JavaScript库，以及JS 文本域光标处插入文字的实现——即新浪微博的插入话题功能的完整版实例展示。
本文提供必要的表格数据，源代码展示，效果截图以及demo页面，内容较多，篇幅较长。希望本文的内容能够对您的学习有所帮助。
使用CSS3 ::selection伪元素改变文本选中颜色
2010年10月8日，星期五本文主要介绍如何使用CSS3的一些属性改变浏览器页面文字默认选中的样式（主要是文字颜色和背景色），犹如魔术一样，知道了原理其实也就很简单了。所以本文其实没有什么内容，小技巧展示而已。一如既往的，有源代码展示，有截图，还有必要的demo页面，希望能对您的学习提供一些帮助。
我的应用
我的应用