Firefox 3 可以使用 JS 选择多个文本区域。
有没有办法在 Chrome 和 IE 中做到这一点？
我真的试图找到一种方法来选择多个
Chrome 和 IE9 中网页中的文本区域。
信息位于：http://help.dottoro.com/ljxsqnoi.php http://help.dottoro.com/ljxsqnoi.php
示例位于：http://jsfiddle.net/t3sWz/ http://jsfiddle.net/t3sWz/
仅限FireFox3.5+代码...（但这就是问题）：
<html>
<head>
<meta charset="UTF-8">
<style>
#trigger { background: yellow }
</style>
</head>
<body>
<p id="test">
This is some text you can highlight by dragging or clicking below.
</p>
<span id="trigger">
Click here to select "This" and "some"
</span>
<a> - Firefox only :-(</a>
<br>
<br>
<br>
<br>
<br>
<input type="button" value="Get selection" onmousedown="getSelText()">
<form name=aform>
<textarea name="selectedtext" rows="5" cols="20">
</textarea>
</form>
<script>
var testCase = function() {
var userSelection;
if (window.getSelection) {
userSelection = window.getSelection();
} // No support for IE
var textNode = document.getElementById('test').firstChild;
var theRange = document.createRange();
// select 0th–4th character
theRange.setStart(textNode, 0);
theRange.setEnd(textNode, 4);
// set user selection
userSelection.addRange(theRange);
var textNode = document.getElementById('test').firstChild;
var theRange = document.createRange();
// select 8th–12th character
theRange.setStart(textNode, 8);
theRange.setEnd(textNode, 12);
// set user selection
userSelection.addRange(theRange);
};
window.onload = function() {
var el = document.getElementById('trigger');
el.onclick = testCase;
};
function getSelText() {
var txt = '';
if (window.getSelection) {
txt = window.getSelection();
} else if (document.getSelection) {
txt = document.getSelection();
} else if (document.selection) {
txt = document.selection.createRange().text;
} else
return;
document.aform.selectedtext.value = txt;
}
</script>
</body>
不可以。在主要浏览器中，只有 Firefox 支持用户选择中的多个范围。其他浏览器（WebKit、Opera、IE9）确实有SelectionAPI支持多个范围，但目前不支持。 WebKit 是显然不打算很快增加支持 http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2011-January/030102.html。至于Opera和IE，我不知道。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
