最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
一键复制文本框内容实现代码
时间:2013-03-23 编辑:简简单单 来源:一聚教程网
优点是体积小,仅有十来行代码,但缺点也很明显,只支持IE及以IE为内核的浏览器,插件+FLASH控件的方法–ZeroClipboard
对于使用非IE内核的用户来说,当然不死心,希望能找到一个全面兼容的方式,在一个网站一扒,就把这个插件ZeroClipboard给扒下来了,该插件能支持所有的浏览器,但是缺点也明显,首先要基于Jquery库,插件的个头也有10K,当然压缩后可以小一些,另外有一个FLASH控件,有可能在没装FLASH播放器的机器上控件不可用。
引入Jquery后,执行如下函数代码:
代码如下 | 复制代码 |
$(function(){ $("#d_clip_button").click(function(){ var Url=$("#yao_txt").text(); copyToClipboard(Url); }); }); |
其中copyToClipboard的函数如下:
代码如下 | 复制代码 |
function copyToClipboard(maintext){ var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard); |
兼容各浏览器的点击复制文本框内容的Jquery插件,注:因为采用FLASH控件的文件实现兼容,所以本页面中请在服务器上浏览才能获得看到效果。
优点:兼容各浏览器
缺点:插件有10K大小,还需要引入一个Jqueyr的库
引入Jquery后再引入插件ZeroClipboard,同时下载 FLASH控件 和JS文件放同一目录 ,在页面中添加执行的脚本。完整代码如下:
代码如下 | 复制代码 |
|
-
上一个: iframe同域跨域高度自适应的实现
-
下一个: DedeCMS 5.7伪静态配置方法
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31