需求：1.获取网页页面选中的文字
2.填充至指定文本框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../jQuery-3.3.1.min.js"></script>
</head>
<body>
<div id="content" style="width:300px; margin:50px;">
一半灰暗一半蔚蓝<br>
云飞得好快<br>
一个人瞧着窗外<br>
移动在这漂浮城市<br>
车往风里开
</div>
<select class="insert-position">
<option>标题</option>
<option>内容</option>
</select>
<input type="text" class="title" />
<input type="text" class="content" />
<script>
$(function () {
$('#content').on("mouseup ",function(){
//alert(selectText());
//var str=document.execCommand("Copy");
function setSelect() {
var val,$item;
switch ($(".insert-position").val()) {
case("标题"):
$item=$(".title");
break;
case ("内容"):
$item=$(".content");
break;
default:
$item=$(".title");
}
val=$item.val()+selectText();
$item.val(val);
}
setSelect();
});
function selectText(){
if(document.Selection){
//ie浏览器
return document.selection.createRange().text;
}else{
//标准浏览器
return window.getSelection().toString();
}
}
})
</script>
</body>
</html>参考链接：
版权声明：本文为weixin_41355260原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。