兼容所有浏览器的js复制插件Zero使用介绍_javascript技巧

这里需要三个插件,分别是:

jquery.js

ZeroClipboard.js

ZeroClipboard.swf

祝你好运!

复制代码 代码如下:

<meta charset="utf-8" />

<button id="d_clip_button" data-clipboard-target="fe_text" >点击复制</button>
<input id="fe_text" value="Testing text." />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="ZeroClipboard.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

ZeroClipboard.setDefaults({
moviePath: "ZeroClipboard.swf"
});

var clip = new ZeroClipboard($("#d_clip_button"));

clip.on("load", function(client) {
console.log("ZeroClipboard.");

client.on("complete", function(client, args) {
console.log("内容己复制 :" + args.text);
});
});
});
</script>

时间: 2024-10-27 23:39:48

兼容所有浏览器的js复制插件Zero使用介绍_javascript技巧的相关文章

兼容所有浏览器的js复制插件Zero使用介绍

 这篇文章主要介绍了兼容所有浏览器的js复制插件Zero的使用,需要的朋友可以参考下 这里需要三个插件,分别是:    jquery.js    ZeroClipboard.js    ZeroClipboard.swf    祝你好运!  代码如下: <meta charset="utf-8" />    <button id="d_clip_button" data-clipboard-target="fe_text" &g

完美兼容多浏览器的js判断图片路径代码汇总_javascript技巧

第一种方式 //检查图片是否存在 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //没有图片,则返回-1 if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { alert(imgurl + '存在'); } else { alert(imgurl +

兼容主流浏览器的JS复制内容到剪贴板_javascript技巧

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

浏览器复制插件zeroclipboard使用指南_javascript技巧

一个简单例子: <html> <body> <button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button> <script src="~/Scripts/jquery-1.7.1.js"></script>

JS实现兼容各浏览器解析XML文档数据的方法_javascript技巧

本文实例讲述了JS实现兼容各浏览器解析XML文档数据的方法.分享给大家供大家参考.具体分析如下: 网站上很多用JS解析XML文档的资料或多或少都有点问题, 以下是自己总结的代码,用来解析XML文档,兼容各个浏览器. parseXMLDOM.js代码: /* * 纯JS解析XML文档(兼容各个浏览器) */ function parseXMLDOM(){ var _browserType = ""; var _xmlFile = ""; var _XmlDom = n

JS判断浏览器是否安装flash插件的简单方法_javascript技巧

1. 直接判断是否有flash插件 var myFlash = (function(){ if(typeof window.ActiveXObject != "undefined"){ return new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); }else{ return navigator.plugins['Shockwave Flash']; } })();  chrome: Edge浏览器中取消了win

js复制内容到剪贴板代码,js复制代码的简单实例_javascript技巧

如下所示: <script type="text/JavaScript"> function jsCopy(){ var e=document.getElementById("contents");//对象是contents e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令 } </script> <textarea id="conte

基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏_javascript技巧

现在的浏览器越来越多,这就使得网页设计的兼容性要求越来越高,像常用的设为首页.加入收藏代码,一般的虽然简洁,但兼容性却非常不好,加入收藏和设为首页代码几乎各个网站都在头部放上一个,有没有效果先不管,需求应该是有的. 但是由于浏览器的兼容性问题,之前用的很多代码都失去效果,下面就给出一段能够兼容各个浏览器的代码,也不能够算是兼容,只能说在不支持的浏览器中能够给出提示,代码如下: <!doctype html> <html> <head> <title>加入收藏

纯JavaScript实现的兼容各浏览器的添加和移除事件封装_javascript技巧

//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做 //定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理 var eventUtil ={ addEvent:function(element,type,handler){ if (element.addEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,fa