JS简单实现元素复制示例附图_基础知识

来源：步遥情感网

源代码：
代码如下:

内容筛选

function getPositions() {
var el = document.getElementById('shaixuan');
var startPosition = 0;//所选文本的开始位置
var endPosition = 0;//所选文本的结束位置
if(document.selection) {
//IE
var range = document.selection.createRange();//创建范围对象
var drange = range.duplicate();//克隆对象

drange.moveToElementText(el); //复制范围
drange.setEndPoint('EndToEnd', range);

startPosition = drange.text.length - range.text.length;
endPosition = startPosition + range.text.length;
}
else if(window.getSelection) {
//Firefox,Chrome,Safari etc
startPosition = el.selectionStart;
endPosition = el.selectionEnd;
}
return {
"start":startPosition,
"end":endPosition
}
}

//@todo 获取textarea中，选中的文本
function getshaixuan() {
var position = getPositions();
var start = position.start;//开始位置
var end = position.end;//结束位置
var text = document.getElementById('shaixuan').value;
var selectText = text.substr(start, (end - start));//textarea中，选中的文本
//alert(selectText);
var textBox1 = document.getElementById("canjia");
textBox1.innerText=textBox1.value+selectText;
}
//]]>

元素的复制

筛选名单

参加名单

-->

实现效果：

显示全文

全部频道

JS简单实现元素复制示例附图_基础知识