【前端JS复制特定区域的文本(兼容safari)】的更多相关文章

前端JS复制特定区域的文本(兼容safari)

html5的webAPI接口可以很轻松的使用短短的几行代码就实现点击按钮复制区域文本的功能,不需要依赖flash. 代码如下: /* 创建range对象 */ const range = document.createRange(); range.selectNode(element); // 设定range包含的节点对象 /* 窗口的selection对象,表示用户选择的文本 */ const selection = window.getSelection(); if(selection.ra…

JS复制内容到剪贴板(兼容FF/Chrome/Safari所有浏览器)

现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: 这个方案是一个最流行的方法: 著名的Clipboard Copy解决方案 利用一个clipboard.swf作为桥梁,复制内容到剪贴板. 原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars 赋值“clipboard=..”,通过这个赋…

JS复制内容到剪贴板: 兼容IE、Firefox、Chrome、Safari所有浏览器【转】

正 文: 现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: 这个方案是一个最流行的方法: 著名的Clipboard Copy解决方案 利用一个clipboard.swf作为桥梁,复制内容到剪贴板.    原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars 赋值“clipboard=.…

javascript 实现禁止右键，复制，选取文本 (兼容firefox，IE，chrome等主流浏览器)

1. JS 禁止右键 <script type="text/javascript">document.oncontextmenu=function(e){return false;}</script> <body onselectstart="return false"> ...... 2. CSS 禁止复制和选取 如果让整个页面都禁止选择 <style type="text/css"> body…

django 前端 js让一段文本中包含的网址可以被访问

这个功能还是挺刚需的,下面说说实现过程,用到了正则表达式. 1.原本的html部分代码: <h4 id="softadd">链接: https://pan.baidu.com/s/11RyCwPnfXnuaZrOIDg8H0Q 密码: 6666</h4> 效果图: 2.加上js代码以后的部分代码: <h4 id="softadd">链接: https://pan.baidu.com/s/11RyCwPnfXnuaZrOIDg8H0…

json处理总结(前端js和后端java)

前端(js): json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键,下面将介绍两者之间的相互转换. json字符串:var str1 = '{ "name": "zyy", "sex": "man" }';//最外面包含了一对单引号 var str2 = { "name": "zyy", "sex"…

【分享】JS如何为复制的Web文本添加其他信息

看到了两篇关于这题的讨论,简单的记录一下!o(*￣▽￣*)ブ 1.  stackoverflow , How to add extra info to copied web text 2.  黑客派,https://hacpai.com/article/1510544423932 第一条使用两种方法对文章进行粘贴追加信息~~~ 方法一: ①监听copy事件,然后将隐藏盒子中的信息添加到其中: ②结合window.selection()方法: ③浏览器兼容情况是主流浏览器IE8以上: ④线上dem…

js 复制文本的四种方式

js 复制文本的四种方式 一.总结 一句话总结:js文本复制主流方法:document的execCommand方法 二.js 复制文本的四种方式 纯 转载复制,非原创 原地址:http://www.cnblogs.com/xhyu/p/5370111.html 目前copy主流有四种方式:ZeroClipboard,Clipboard.js,execCommand,setData,再就是其他只支持IE的鸡肋法了不在此讨论.. 概况: ZeroClipboard 就是常说的Flash法,通过加载一…

简单实现兼容各大浏览器的js复制内容到剪切板

因为网站文章需要提供几个按钮,单击后实现复制文章内容到剪贴板. 在网上搜索了很多内容,发现都比较乱这里自己整理下,分享给大家 效果图如下: 之前使用的是window.clipboardData.setData,只能支持IE和火狐.360浏览器.搜狗等浏览器,都泪崩.所以,研究了ZeroClipboard,尽量使用js代码写. 使用前先引用三个东西(没有提供上传附件,这里就不提供下载地址了,很常见,大家自己找度娘吧): jquery-1.4.1.min.js    ZeroClipboard.js…

js 复制文本到剪贴板

js 复制文本到剪贴板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点击复制到剪贴板</title> </head> <body> <div id="app"> <p>博客园是最棒的!</p> <button id=…