假设我有一套contenteditable="true" divs.
<div id="0" contenteditable="true"></div>
<div id="1" contenteditable..></div>
<div...etc></div>
我不能有一个 div，多个 div 是必须的。如何突出显示多个 div 的内容？使用范围？还要别的吗？
答案是这取决于浏览器。看这个例子 http://www.jsfiddle.net/timdown/2j8vk/2/使用范围测试两种方法。第一次尝试为每个可编辑创建一个范围<div>并将它们全部添加到选择中。第二个尝试创建一个包含两个可编辑内容的单个范围<div>s.
Results:
- 在所有浏览器中，用户不可能创建存在于多个可编辑元素中的选择；
- Firefox 是主要浏览器中最宽松的。两种编程方法都有效。
- Safari 和 Chrome 是最不宽容的：这两种方法都不会从多个可编辑元素中选择内容。
- Opera 11 不支持选择多个范围，但支持跨越多个可编辑元素的选定范围。
- IE 9 之前版本不支持 DOM Range 或相同
SelectionAPI与其他浏览器相同，但等效TextRange代码不允许从多个可编辑元素中进行选择。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
