位置: 编程技术 - 正文

js实现选中页面文字将其分享到新浪微博(js选中div)

编辑:rootadmin

推荐整理分享js实现选中页面文字将其分享到新浪微博(js选中div),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js实现选中页面的快捷键,js选中div,js 选中,js怎么选中一个checkbox,js实现选中页面的快捷键,js 选中,js实现选中页面的快捷键,js 选中,内容如对您有帮助,希望把文章链接给更多的朋友!

一、功能简述正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。我的站点每篇文章的底部有一些分享的链接:

不过我觉得这些分享基本上就是聋子的耳朵——摆设。除非这篇文章惊天地、泣鬼神,痛彻心扉,穿越前世今生。但是,如果有更加方便快捷的分享方式,这种冷淡得让人结冰的场面或许就不会经常出现。一般翻译软件都有划词翻译功能,例如有道桌面词典的桌面划词翻译功能:

启用后,随便选中那个软件的一段文字,就会出现类似这样子的浮动提示框:

js实现选中页面文字将其分享到新浪微博(js选中div)

在web页面上,我们也是可以实现类似的效果的:划词→显示提示→分享。这就是本文要展示的内容。 二、效果与demodemo页面的文字是我点兵点将随机找的篇博客内容,纯粹示例。随便选择一段文字,结果就会出现个新浪的怪眼睛logo,如下图:

然后,点击那个晃啊晃的猥琐的眼睛,就实现了选中文字分享到新浪微博的功能啦——会打开个新页面——如下效果:

是不是分享起来很简单很方便啊!三、方法与代码选中即分享的功能看上去比较高级,其实实现是相当简单的。其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过。这个js文字选中后分享到新浪 微博的功能我简单的封装了下,方法名是:$sinaMiniBlogShare,当然,您不喜欢可以换掉,甚至不要,此方法完整代码如下:

可以看到$sinaMiniBlogShare方法有两个参数,eleShare和eleContainer,其中,前一个参数是必须的,指的是文 字选中后出现的浮动层元素(在本文demo中就是新浪眼睛图标);后面一个参数指文字选择的容器元素,可选参数,如果不设置则指document元素,也 就是整个页面文字选中都会触发分享的功能。假设新浪微博分享图标的HTML如下:

则直接:

就实现了选中文字分享到新浪微博的功能了。这里的方法没有兼容性问题,IE之流,firefox或是chrome浏览器可以轻松分享;另外,方法原生的javascript代码,不依赖于任何库,所以,只要浏览器不禁用javascript,哪里都可以使用,真可谓方便快捷,无孔不入,网页开发,必备良药。

其实,此方法不仅支持新浪微博,支持企鹅微博(腾讯微博),狐狸微博(搜狐微博),也是可以的,只要根据各个微博分享页面的API地址,将window.open()中的地址换换就ok了。

标签: js选中div

本文链接地址:https://www.jiuchutong.com/biancheng/383672.html 转载请保留说明!

上一篇:javascript实现tab切换的四种方法(js tab页面切换)

下一篇:Javascript中的return作用及javascript return关键字用法详解(JavaScript中的this指向)

  • 多扣的增值税怎么做账务处理
  • 企业所得税的计算公式
  • 税务安全证书应用客户端
  • 实缴注册资本交税吗
  • 加计抵减的税额多长时间
  • 法人可不可以办信用卡
  • 车船税应该计入什么费用
  • 小规模季度报税流程
  • 企业自建固定资产
  • 支付结算办法主要内容
  • 社会团体政策
  • 无偿划转财政厅
  • 2018年企业所得税政策变化
  • 个体户注销未分配利润要交个税吗
  • 网上买普票安全吗
  • 公司注销地税时其他应收款要缴纳个人所得税吗?
  • 财税2010121号文件有效吗
  • 土地增值税计算表
  • 三代手续费入账
  • 产品定价的含义
  • 收入确认的
  • 小微企业增值税税率
  • 增值税降税让利给谁
  • 企业所得税是什么时候计提
  • 费用报销单正确填写格式
  • 什么货物出口最多
  • 公司整体收购协议书范本
  • phpshuffle
  • 销售汇总表格模板
  • 日本长野县在哪
  • 简单的css特效
  • 私人定制ai绘画下载
  • 不含税销售额和计税销售额
  • mlocate.db 删除
  • atx系统的grpck命令可验证组的合法性
  • 帝国cms安装教程
  • 发票作废有费用吗
  • 增值税与消费税中关于包装物押金规定的异同点
  • 交去年企业所得税怎么做资产负债表
  • 预付卡做账吗
  • 向境外股东分配股息预提所得税
  • 劳务派遣公司必须有劳务派遣证吗
  • 筹建期发生的费用会计分录
  • 固定资产科目代码是多少
  • sql server2000中事务的类型有
  • 记账凭证基本内容口诀
  • 增资扩股和股权转让一样吗
  • 电脑入账如何做凭证
  • 人工费用计入
  • 应付账款会计分录怎么写
  • 基本户收到零余额转款怎么做分录
  • 计算结转本月未交增值税
  • 计提工资时个税挂其他应收款
  • 长期股权投资会计实训心得
  • 已认证的发票开具红字发票账务处理?
  • 不动产进项税额转出
  • 企业清算状态还要报税吗
  • 暂估应付账款余额调整
  • 公司购买的车辆
  • 纳税筹划有哪些特点以及原则?
  • sql null替换
  • vista升级选项灰色
  • .exe是什么意思
  • mac屏幕显示设置
  • mac电脑怎么打开
  • route.exe - route是什么进程 有什么用
  • 有没有类似window的免费软件
  • 提示explorer.exe
  • linux从一个命令获取数据到另一个命令
  • opengl 变形
  • 关于如何用好调查研究推动警务发展
  • python之virtualenv的简单使用方法(必看篇)
  • macos如何使用
  • unity camera fov
  • python的对象
  • python多线程技术
  • 国税怎么打印发票
  • 税务干部转正工作总结
  • 税务局全年绩效分析报告
  • 美国纽约购物
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设