87,902
社区成员
发帖
与我相关
我的任务
分享chrome浏览器选择文本问题
<!DOCTYPE HTML>
<html>
<head>
<title>
test
</title>
<meta charset="utf-8" />
</head>
<body>
<div id="test">
abc
<span>
de
</span>
</div>
<script type="text/javascript">
void function(){
document.getElementById("test").addEventListener("click", test, false);
}();
function test(e){
var node = e.currentTarget.childNodes[1];
var range = document.createRange();
range.selectNode(node);
window.getSelection().addRange(range);
}
</script>
</body>
</html>
以上代码在firefox里能正常运行，不管点文本哪里都能选中“de”，可是在chrome里却只有点“e”才能选中“de”，求解
...全文
请发表友善的回复…
发表回复
Logical_butterfly 2014-03-14
- 打赏
- 举报
谢谢！
打字员 2014-03-14
- 打赏
- 举报
window.onload = function(){
document.getElementById("test").addEventListener("click", test, false);
};
function test(e){
var node = this.childNodes[1];
sel = window.getSelection();
range = document.createRange();
range.selectNodeContents(node);
sel.removeAllRanges();
sel.addRange(range);
}Logical_butterfly 2014-03-13
- 打赏
- 举报
我试过,也是只有点span里的才能选中,准确的说,是span里往后延半个字符开始才能选中,我实际情况是只选一个字符,这样只有点后半个字符才能选中,跟我设想的差距太大了
初心不变时过迁 2014-03-13
- 打赏
- 举报
测试数据最好真实点 这样才能更好的测试 把de换掉把 再试试
