js实现文字选中分享功能
总结：文字选中IE和其他浏览器不一样
在IE中文字选中后鼠标抬起，图片显现触发有点快所以用定时器。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<style type="text/css">
*{padding: 0;margin: 0;}
#p1{width: 300px;}
#div1{display: none;position: absolute;}
img{width:26px;height:26px;}
</style>
</head>
<body>
<p id="p1">
文字的选中功能是不太常用的功能，多出现在文本编辑器中，或是文本域之类的光标处理上。所以呢，使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等现代浏览器下使用的是setSelectionRange。
</p>
<div id='div1'><img src='http://cdn.attach.qdfuns.com/notes/pics/201701/23/221744ud9ggjjjgg85e90m.gif.editor.gif'></div>
<script type="text/javascript">
function selectText(){
if(document.selection){
//IE
return document.selection.createRange().text
}else{
//ff chrom
return window.getSelection().toString()
}
}
var oP=document.getElementById('p1')
var oDiv=document.getElementById('div1')
oP.onmouseup=function(ev){
var ev=ev||event
var left=ev.clientX
var top=ev.clientY
if(selectText().length>10){
setTimeout(function(){
oDiv.style.display='block';
oDiv.style.left=left+'px'
oDiv.style.top=top+'px'
},100)
}else{
oDiv.style.display='none';
}
}
//点击oP阻止冒泡到document上
oP.onclick=function(ev){
var ev=ev||window.event
ev.cancelBubble=true
}
document.onclick=function(){
oDiv.style.display='none';
}
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持小牛知识库！
-
本文向大家介绍js实现文字截断功能，包括了js实现文字截断功能的使用技巧和注意事项，需要的朋友参考一下 先前用jq做了一个文字截断功能，但是不用jq的项目要实现此功能还要引如jq显得过于麻烦。这里写了一个js的文字截断功能。直接上代码。 HTML（测试用的）： JS： 这里用getElementsByTagName获取所有节点遍历，if（Pox[i].getAttribute("limit"
-
本文向大家介绍Android实现分享功能，包括了Android实现分享功能的使用技巧和注意事项，需要的朋友参考一下 Android应用中能很方便的完成这些功能，很多的应用中都有“分享”功能?如何分享呢？下面给大家说说看。 最近有人问到Android分享功能用那个比较好，使用Android自带的Intent来进行分享还是借助第三方呢，直接上代码： 一、使用Intent直接和第三方应用进行通信： 看代
-
本文向大家介绍js实现分页功能，包括了js实现分页功能的使用技巧和注意事项，需要的朋友参考一下 本文仅为自己记录下编写过程，如有兴趣，或者疑问，请与我联系。 写前背景:java开发工作经验一年，现项目为SSM框架，使用maven管理项目。需要页面查询实现分页，网上找了很多插件，单独页面实现是好的，可是放到我的页面就没有效果，苦于自己也找不到原因，故写以下代码，很是粗糙，不过懒得整理成js文件了。
-
本文向大家介绍Android 分享功能的实现，包括了Android 分享功能的实现的使用技巧和注意事项，需要的朋友参考一下 Android 分享功能的实现 Android程序里面的分享功能分为第三方程序分享,就是使用QQ空间,QQ微博,新浪微博,人人等第三方包进行分享; 还有就是用本地程序进行分享,如短信,UC浏览器,蓝牙等. 他们的区别是使用第三方包进行分享手机系统不用安装该类程序,而本地程序
-
本文向大家介绍微信JS-SDK分享功能的.Net实现代码，包括了微信JS-SDK分享功能的.Net实现代码的使用技巧和注意事项，需要的朋友参考一下 JS-SDK接口是什么? 为了方便开发者实现微信内的网页(基于微信浏览器访问的网页)功能，比如拍照、选图、语音、位置等手机系统的能力，并方便开发者直接使用微信分享、扫一扫等微信特有的能力，微信推出了JS-SDK的整体开发包，供开发者方便使用。 分享功能
-
本文向大家介绍js实现文字向上轮播功能，包括了js实现文字向上轮播功能的使用技巧和注意事项，需要的朋友参考一下 话不多说，请看实现代码： 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持呐喊教程！