javaScript实现选中文字提示新浪微博分享的效果

<!DOCTYPE html>
<html  xmlns:wb="http://open.weibo.com/wb">
<head><meta charset="utf-8"><title>javaScript实现选中文字提示新浪微博分享的效果</title><style type="text/css">#div1{ position: absolute; left: 0;top: 0; display: none;}</style>
</head>
<body><p id="txt">一直对json的用法迷迷糊糊，知道一些简单的用法，有时用起来很容易把自己搞混，今天专门查了一下相关的JSON的资料及用法，总结记录下来。JSON并不是一种编程语言，可以理解成它是一种数据格式，虽然具有相同的语法形式，但是JSON并不属于JavaScript。而且，并不是所有的JavaScript才使用JSON，很多编程语言都有针对JSON的解析器和序列化器。JSON的语法可以表示三种类型值：</p><div id="div1"><img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=163431486,1136892253&fm=58"></div><script type="text/javascript">window.onload=function(){function selectText(){if(document.selection){//兼容iereturn document.selection.createRange().text;} else{//标准的获取方法return window.getSelection().toString();}}var oTxt = document.getElementById('txt');var oDiv = document.getElementById('div1');oTxt.onmouseup = function(ev){var ev =ev||window.event;var top = ev.clientY;var left = ev.clientX;if(selectText().length>10){console.log(selectText())setTimeout(function(){oDiv.style.display = 'block';oDiv.style.left =left+'px';oDiv.style.top = top +'px';},1000)} else{oDiv.style.display = 'none';}};oTxt.onclick =function(ev){var ev =ev||window.event;ev.cancelBubble = true;}document.onclick = function(){oDiv.style.display = 'none';};//点击分享的实现oDiv.onclick = function(){window.location.href='http://service.weibo.com/share/share.php?url=http%3A%2F%2Flocalhost%3A63342%2Fjs2%2Fpicscroll.html&type=icon&language=zh_cn&searchPic=true&style=simple'+selectText()+window.location.href;}}</script></body>
</html>

javaScript实现选中文字提示新浪微博分享的效果相关推荐

超简单JS实现把鼠标选中文字发送到新浪微博
最近注意到新浪博客有个小功能,就是当鼠标选中一段文字时会浮现一个小图片,点击这个图片可以把选中内容发送到新浪微博,一时兴起昨晚就写了一个Demo玩了一下,代码超简单,没优化,有兴趣的朋友可以自己改进. ...
html 分享到新浪微博,jQuery实现鼠标选文字发新浪微博的方法
本文实例讲述了jQuery实现鼠标选文字发新浪微博的方法.分享给大家供大家参考,具体如下: 最近注意到新浪博客有个小功能,就是当鼠标选中一段文字时会浮现一个小图片,点击这个图片可以把选中内容发送到新浪 ...
JavaScript 双击禁止选中文字
// 双击禁止选中文字 window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty ...
新浪微博--分享到微博的简单使用
新浪微博分享到微博方法,以下均为新浪微博提供的JS方法(我用的是.net平台) 方法1: 这个方法比较简单,只需要在你想放分享到微博的地方放入一下代码就可以了: <script type= ...
JS自定义Title文字提示
最近遇到个需求,需要给很多的按钮等添加文字提示,风格要保持统一. 然后就写了如上的这个算是小插件吧给出源代码的百度云盘链接下面的代码直接使用只差jQuery的引入 [html] view pla ...
Notepad用html怎么选颜色,Notepad++如何更改选中文字的颜色或背景色
Notepad++如何更改选中文字的颜色或背景色发布时间:2021-01-05 14:06:52 来源:亿速云阅读:190 作者:小新小编给大家分享一下Notepad++如何更改选中文字的颜色或 ...
【vue2】纯前端实现本地的pdf/word/epub文件预览（包括pdf选中文字，epub高亮等）
前言需求是预览本地的pdf/word/epub格式的文件,但是搜索后发现没有可以直接使用的,格式不同,显示的方式和效果也都略有不同. 最后还是分别实现预览的功能. 补充功能:pdf选中文字,epub ...
使用原生js来替换title属性的悬浮文字提示-可自定义样式和出现时间-190826更新版本2.0源代码
简介要让一个DOM元素出现悬浮文字提示,一般情况下,我们都会选择使用H5的title属性.例如: <div title="456">123</div> 这 ...
html5显示字幕信息,HTML5 Placeholder实现input背景文字提示效果
本文作者html5tricks,转载请注明出处这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但in ...

javaScript实现选中文字提示新浪微博分享的效果

javaScript实现选中文字提示新浪微博分享的效果相关推荐

最新文章

热门文章