如果你有类似划词评论的开发需求,本文内容不容错过,这可是外面很难找到的开发素材,暂时没有遇到类似需求也没关系,可以Star下项目,日后再说。
文章关键字 ‘selection’
划词评论与Range开发若干经验分享
2022年09月21日,星期三基于文字的URL锚点定位与::target-text样式设置
2022年06月12日,星期日文字选区片段高亮又新增一名成员,可以使用 ::target-text 伪元素进行匹配,反正耽误不了几分钟,过来看看,说不定之后用得着。
深入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页面,希望能对您的学习提供一些帮助。