位置: 编程技术 - 正文

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指向)

  • 营改增抵减的销项税额会计分录
  • 外资研发中心认定标准
  • 母公司借款给子公司现金流量表科目
  • 申报增值税之后怎么做账
  • 新会计准则固定资产报废账务处理
  • 事业单位预收账款属于什么科目
  • 增值税专票逾期抵扣怎么操作
  • 付给私人股权转让权怎么做分录?
  • 哪些燃料油不征消费税了
  • 武汉房产税多少
  • 文化事业建设费的征收范围
  • 以前年度亏损可以税前扣除吗
  • 可以选择用简易计算办法计税的是哪些
  • 资管产品增值税征收管理规定
  • 第三方支付模式的交流流程
  • 月初开票能抵扣上月的税吗
  • 公司收到纸质承兑不开票行吗
  • 递延所得税年初数和期末数
  • 境外承包工程出口货物能否办理退税?
  • 跨省银行承兑汇票可以接受吗
  • 企业已确认销售收入的售出商品发生销售折让,且不属于
  • 审计报告与汇缴报告
  • 关于linux说法错误的是
  • 投资资本回报率多少合适
  • 职工福利费的扣除限额怎么算
  • 外汇账户转账有手续费吗
  • Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
  • php处理大量数据
  • 前端软件开发工具
  • 编译原理第三版课后答案
  • yolov5训练参数说明
  • 民办非企业单位登记管理暂行条例
  • php开发项目
  • 专票抵扣联可以盖两个章吗
  • 开具负数发票的流程
  • 有关的拼音
  • gparted 命令行
  • php常用时间函数
  • 暂估的会计处理
  • 个体工商户缴税吗?
  • 怎么把其他应收款的转到其他应付款
  • 财政零余额账户是什么
  • 小规模纳税人直接从农户购入农产品要交增值税吗
  • 小规模纳税人如何开专票
  • 个人社保进费用,还要报个税么
  • python文件间传递参数
  • 债务抵销的顺序
  • 农产品增值税免税发票怎么抵扣
  • sql server 2008数据库文件
  • 报销差旅费的进项税额
  • 办理进出口权的费用西安
  • 企业跨区变更地址迁入地核验码怎么查询
  • 社保局退的工伤保险怎么记账
  • 专票时限是多长时间的
  • 预付工程款会计分录
  • 注册资本认缴制的利弊
  • 增值税税率调整后,合同价应该调整吗
  • 物业公司支出费用
  • 销售费用进项税抵扣
  • 委托方和受委托方的法律关系
  • 银行对账单和银行流水的区别
  • sql2008开启远程连接
  • linux中安装软件可使用哪些方式
  • mac下使用8086汇编
  • nalntsrv.exe - nalntsrv是什么进程 有什么用
  • win8系统字体大小设置
  • win7系统步骤
  • uploadify文件上传
  • surface游戏模式
  • windows批量处理命令
  • pycharm下载安装
  • jquery判断控件是否存在
  • 打开指定文件夹命令
  • unity mesh编程
  • jquery库有哪些
  • Dalvik VM (DVM) 与Java VM (JVM)之间有哪些区别
  • 网络发票管理系统
  • 黑龙江省国家税务局通用定额发票
  • 征管法第六十九条
  • 中国地税发展现状
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设