自动选择<p></p> - 在浏览器中呈现的文本

Question

谁会知道在浏览器中呈现时自动 select 段落文本的可能性，最好使用 JavaScript？

在我的情况下，我在<p></p>标签中有大量文本，并希望页面显示为完全选中的文本，就像有人用鼠标手动完成一样。

非常感谢您的建议！

Answer 1

在页面末尾附近插入：

<script type='text/javascript'>

ptags = window.document.getElementsByTagName("p");
current_selection = window.getSelection();

for (i=0; i< ptags.length; i++)
{
    var r1 = document.createRange();
    r1.setStartBefore(ptags[i]);
    r1.setEndAfter(ptags[i]) ;
    current_selection.addRange(r1);
}

</script>

在 Firefox 3.07 中测试 --> 不太确定跨浏览器兼容性，虽然我认为 IE 应该没问题。

Answer 2

根据这篇文章，IE6/7 不支持W3C 范围（ChristopheD 的代码），因此您必须检查浏览器并为 IE6/7 使用createTextRange 。

作为一个小补充，也许您可以定义一个 function 来封装 ChristopheD 编写的代码并执行类似<body onload="selectPs()">或者$(document).ready(function() {});之类的操作。 如果您使用 jQuery。 可能比将脚本放在 html 代码的末尾更有效。

自动选择<p></p> - 在浏览器中呈现的文本

问题描述

2 个解决方案

解决方案1
2 2009-03-24 23:34:26

解决方案2
2 2009-03-25 00:28:53

自动选择<p></p> - 在浏览器中呈现的文本

问题描述

2 个解决方案

解决方案1 2 2009-03-24 23:34:26

解决方案2 2 2009-03-25 00:28:53

解决方案1
2 2009-03-24 23:34:26

解决方案2
2 2009-03-25 00:28:53