JavaScript-使用js怎样自动选中页面中的一段文字
我的页面中有一段文字是放在span里显示的，我想实现点击一个按钮，js就自动选中这段文字，请问怎么实现？要求兼容性好一些
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
我的页面中有一段文字是放在span里显示的，我想实现点击一个按钮，js就自动选中这段文字，请问怎么实现？要求兼容性好一些
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（2）
<script type="text/javascript">
function selectText() {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById('selectable'));
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById('selectable'));
window.getSelection().addRange(range);
}
}
</script>
<span id="selectable">http://example.com/page.htm</span>
<input type="button" onclick="selectText()" value="按钮" />
一下是给你一个jquery版的
测试IE、FF、360、chrome、opera、搜狗
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</HEAD>
<SCRIPT LANGUAGE="JavaScript" src="jquery-1.4.2.min.js"></SCRIPT>
<BODY>
<div onclick="SelectText('myDiv')">点击选中</div>
<span id="myDiv">
测试选中内容
</span>
<script>
function SelectText(element) {
var text = document.getElementById(element);
if ($.browser.msie) {
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if ($.browser.mozilla || $.browser.opera) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
} else if ($.browser.safari) {
var selection = window.getSelection();
selection.setBaseAndExtent(text, 0, text, 1);
}
}
</script>
</BODY>
</HTML>