Blogger Information
Blog 20
fans 0
comment 0
visits 25265
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js实现仿文章上选择复制搜索
左手Leon的博客
Original
765 people have browsed it

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post