在javascript中获取选择范围的样式
get styles of selection range in javascript
大家都知道,我们可以通过方法
在javascript中获得文本选择var range = window.getSelection ();
但是,如何获得这个选择的样式?当我选择加粗文本或斜体,我怎么能知道这一点?
(我只有一个想法:获取此选定文本的位置并获取此位置的html…)
您可以使用document.queryCommandState()
的东西像粗体和斜体和document.queryCommandValue()
的东西像字体大小和样式。
你必须为每个方法提供一个标志,让它给你一个真或假的值,它不会只返回当前的样式。如果你想知道所选文本是否加粗你可以输入…
if(document.queryCommandState('Bold')){
// its bold!
}
列出了各种标识符和方法
http://msdn.microsoft.com/en-us/library/ms533049 (v = vs.85) . aspx
您可以使用document.queryCommandState()
(参见dottoro)中的一个来处理没有值的命令,如"Bold"answers"Italic", document.queryCommandValue()
(参见dottoro)用于有值的命令,如"FontName"。
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 将样式表插入iframe
- 正在全局范围中查找JavaScript函数
- 跟踪在页面加载时应用内联样式的JavaScript
- 样式<输入类型=“范围”>用于重定向,在触摸设备上不起作用
- 根据输入范围值移动类/样式
- 来自指令的角度范围变量未以 ng 样式同步
- Jquery UI 滑块范围样式(左和右)
- 通过嵌套类将CSS样式表的范围限定为仅一个DIV
- HTML5/CSS3输入范围样式
- 范围内的动态样式
- 在新会话中将Javascript范围样式重放到相同的文档中
- 在javascript中获取选择范围的样式
- 根据数值范围更改CSS样式
- 如果子元素有HTML数值范围样式值,则隐藏.parent
- Mapbox GL JS -数据驱动样式-查找最小值层中数据的最大值或范围
- Bootstrap象形符号和样式范围
- 从Polymer 1.0中的嵌套元素中删除样式范围
- HTML 输入范围 Firefox 中的样式
- 如果内联样式包含颜色,则将类应用于范围