博主信息
博文 20
粉丝 0
评论 0
访问量 29864
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
js实现仿文章上选择复制搜索
左手Leon的博客
原创
961人浏览过

实例

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

运行实例 »

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


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学