点击实现选中指定元素的文本内容
本章节介绍一下如何实现用鼠标点击元素能够选中指定元素中的文本内容。
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<title></title>
<style>
#copy{
width:200px;
height:100px;
background:#CCC;
}
</style>
<script type="text/javascript">
function selectText() {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById('copy'));
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById('copy'));
window.getSelection().addRange(range);
}
}
window.onload=function(){
var odiv=document.getElementById("copy");
odiv.onclick=function(){
selectText()
}
}
</script>
</head>
<body>
<div id="copy"></div>
</body>
</html>上面的代码实现了我们的要求，点击div元素可以选中div中的文本内容。
声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至201542412@QQ.com举报，一经查实，本站将立刻删除。
相关推荐
-
点击方向键实现文本框焦点切换代码实例
本章节介绍一下如何实现点击方向键即可实现切换文本框的焦点的效果。代码实例如下:
-
jquery实现的限制文本框只能输入非负实数
本章节介绍一段代码实例，它实现了文本框只能够输入非负实数。代码示例如下ut
-
jquery实现的限制文本框只能够输入大于0整数
本章节介绍一下如何限制文本框内只能够输入数字。代码非常的简单，知道了实现原理就可以随意改造了，感兴趣的朋友可以做一下参考。代码实例如下:
-
jQuery 动画效果代码实例
本章节分享一段代码实例，它使用jqury实现了简单的动画效果。代码非常的简单，比较适合初学者参考学习之用。代码实例如下: chrs
-
jQuery实现的生成随机密码代码实例简单介绍
本章节介绍一下如何使用jQury实现生成随机密码的效果。有需要的朋友可以做一下参考，代码实例如下:
