最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件,文本选区变化时候触发,简单记录下,希望日后可以帮到遇到类似需求的同行。
文章关键字 ‘range’
JS文本选区变化selectionchange事件实践小记
2024年11月17日,星期日今日学习CSS文本自定义高亮API
2024年07月18日,星期四随着Firefox 131也支持了CSS Custom Highlight API,至此,所有现代浏览器下都可以实现无标签的文本内容高亮效果了。
更符合书写习惯的CSS媒体查询Range语法
2022年10月12日,星期三介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法,过去的min-width和max-width可以说再见了~
划词评论与Range开发若干经验分享
2022年09月21日,星期三如果你有类似划词评论的开发需求,本文内容不容错过,这可是外面很难找到的开发素材,暂时没有遇到类似需求也没关系,可以Star下项目,日后再说。
伪元素表单控件默认样式重置与自定义大全
2013年06月7日,星期五所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式,我光demo就有17个之多,截图30+之多,本文虽参考之作,自己条条亲自验证设置。虽目前价值并未凸显,但是,过段时间,可能就是宝了。
JS Range HTML文档/文字内容选中、库及应用介绍
2011年04月14日,星期四
本文的内容基本上是基于“区域范围对象(Range objects)”这个概念来说的。这个玩意,可以让你选择HTML文档的任意部分,并可以拿这些选择的信息做你想做的事情。其中,最常见的Range是用户用鼠标选择的内容(user selection)。
本文有不少篇幅就是讲如何将用户的这种选择转换为W3C Range或Microsoft Text Range对象。随后展示了Range相关的JavaScript库,以及JS 文本域光标处插入文字的实现——即新浪微博的插入话题功能的完整版实例展示。
本文提供必要的表格数据,源代码展示,效果截图以及demo页面,内容较多,篇幅较长。希望本文的内容能够对您的学习有所帮助。