实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>仿百度复制搜索</title>
<style type="text/css">
*{margin:0;padding: 0;list-style: none}
#content{margin:50px auto;width:500px;height: 500px;border:1px solid red;overflow: auto}
.func{width:100px;height: 40px;display: none; position: fixed;background: #fff; top:0; left:0;text-align: center;line-height: 40px}
.func button {
background: transparent;
border:0;
color:green;
cursor: pointer;
}
a{line-height: 40px;}
</style>
<script type="text/javascript" src="static/js/jquery.js"></script>
</head>
<body>
<div id="content" onmouseup="change(event)">
<p>据国家发展改革委公布的《2019年新型城镇化建设重点任务》，2019年，积极推动已在城镇就业的农业转移人口落户，继续加大户籍制度改革力度。
其中，在此前城区常住人口100万以下的中小城市和小城镇已陆续取消落户限制的基础上，城区常住人口100万—300万的II型大城市要全面取消落户限制。
这意味着，上述II型大城市在落户上将不得再有“社保年限要求”。
《2018年新型城镇化建设重点任务》显示，大城市对参加城镇社保年限的要求不得超过5年，其中Ⅱ型大城市不得实行积分落户，有条件城市要进一步降低社保年限要求。
记者梳理显示，城区常住人口100万—300万的II型大城市包括 珠海、海口、潍坊、抚顺、银川等城市。这些城市主要集中在偏远地区的省会城市及省内较发达市区。</p>
</div>
<p class='func'><button onclick="copyText()">复制</button>|<button onclick="getSearch()">搜索</button></p>
<script>
function getSelect() {
return window.getSelection().toString();//getSelection()方法可以返回一个Selection对象，用于表示用户选择的文本范围
}
function change(event){
var str=getSelect();
var e=event || window.event;
if(str.length>0){
var x=e.clientX;
var y=e.clientY;
var menu=document.getElementsByClassName('func')[0];
menu.style.left=x+'px';
menu.style.top=y+'px';
menu.style.display='block';
}else{
menu.style.display='none';
}
}
function copyText(){
document.execCommand("Copy");
document.getElementsByClassName('func')[0].style.display='none';
}
function getSearch(){
if(getSelect()){
window.location.href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=monline_4_dg&wd="+getSelect();
}
document.getElementsByClassName('func')[0].style.display='none';
}
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
