js实现选择页面文本并分享到新浪微博

1.功能简介现在是微博如火如荼的季节，其中每个微博的分享功能都是在网站上推广产品的好东西。这时，如何方便快捷地使用微博的分享功能就变得更加重要。我的网站上每篇文章的底部都有一些分享链接：

不过，我觉得这些分享基本上就是聋子耳朵的——展示。除非这篇文章惊天动地，让鬼神哭泣，让人感到痛苦，穿越前世。但是，如果有更方便快捷的分享方式，这种冰冷冰冷的场景可能不会经常出现。一般翻译软件都有抓图翻译的功能，比如有道桌面词典的桌面抓图翻译功能：

启用后，只需选择软件的一个段落，就会出现如下浮动提示框：

在网页上，我们可以达到类似的效果：划词显示提示分享。这就是本文的内容。二、demodemo页面的效果和文字是我点兵的时候会随机找的一个博客内容，纯粹是个例子。随便选一段，结果就会出现一个新浪的怪眼标志，如下图：

然后，点击那个猥琐的眼睛，选中的文字就会分享到新浪微博。——将打开新的一页。——具有以下效果：

分享方便吗？第三，通过选择方法和代码共享的功能看起来相当高级，但实际上实现起来相当简单。其中，让人头大，普通人没兴趣的原理，这里就略过了。我简单的把这个js文本选中后分享到新浪微博的功能封装了一下。方法名为：$ sinaminblogshare。当然，如果你不喜欢，甚至不想要，也可以改。该方法的完整代码如下：

var $ sinamibloggshare=function(eleShare，eleContainer){ var eleTitle=document . getelementsbytagname(' title ')[0]；eleContainer=eleContainer ||文档；var funGetSelectTxt=function(){ var txt=' '；if(document . selection){ txt=document . selection . create range()。文本；//IE } else { txt=document . getselection()；}返回txt . ToString()；};elecontainer . onmouseup=function(e){ e=e | | window . event；var txt=funGetSelectTxt()，sh=window . pageyoffset | | document . document element . scroll top | | document . body . scroll top | | 0；var left=(e.clientX - 40 0)？e.clientX 20 : e.clientX - 40，top=(e.clientY - 40 0)？e . CLIENT y sh 20 : e . CLIENT y sh-40；if(txt){ eleshare . style . display=' inline '；eleshare . style . left=left ' px '；eleshare . style . top=top ' px '；} else { EleShare . style . display=' none '；} };eleshare . onclick=function(){ var txt=funGetSelectTxt()，title=(eleTitle eleTitle . innerhtml)？EleTitle.innerHTML : '未命名页面'；if(txt){ window . open(' http://v . t . Sina.com.cn/share/share . PHP？Title=' txt '来自页面' ' Title ' '的文本片段URL=' window . location . href)；} };};可以看到$ sinaminblogshare方法有两个参数，eleShare和eleContainer，其中前一个参数是必选项，指的是选中字符后出现的浮动图层元素(本演示中是Sina eye图标)；后一个参数是指文本选择的容器元素，它是可选的。如果没有设置，是指文档元素，即整页文本选择会触发共享功能。假设新浪微博分享图标的HTML如下：

img id=' imgsinashare ' class=' img _ Sina _ share ' title='将所选内容分享到新浪微博' src=' http :http://simg . sinajs.cn/blog 7 style/images/common/share . gif '/然后直接：

$ SinaMimblogshare(document . GetElementByID(' IMgsinashare '))；实现了将选中的文本分享到新浪微博的功能。这种方式没有兼容性问题，IE、火狐或者chrome浏览器都可以轻松分享。另外，该方法的原生javascript代码不依赖于任何库，所以只要浏览器不能帮助使用javascript，就可以在任何地方使用，真的方便快捷，无孔不入，是网页开发的必备良药。

其实这种方法不仅支持新浪微博、企鹅微博(腾讯微博)、福克斯微博(搜狐微博)，而且还可以，只要window.open()中的地址根据每个微博分享页面的API地址改变即可。以上是js选择页面文字分享到新浪微博的方法。时间短，技术有限。请指正，一起进步。