正文

javascript 自动选中容器里的文字

IP云
IP云V管理员/4 阅读
08/27
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

前些时间有这么个需求，需要实现选中div里面的文字，选中了的文字可直接按ctrl+v(或者右键)实现黏贴操作。

html代码：

<div id="text" class="text">大家好！</div>

调用以下javascript方法，实现选择上面div中的内容：

selectText(“text”)

javascript代码：

function selectText(element) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(element));
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(element));
window.getSelection().addRange(range);
}
}

jquery方式：

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);
}
}