JQ和JS实现点击后复制到剪切板

news/2025/2/7 12:20:37/

JQ和JS实现点击后复制到剪切板

ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器

注意:1、点击的按钮必须是button或者input中的button
2、实现的具体网址http://www.cnblogs.com/tinyphp/archive/2013/09/07/3307522.html注意:ZeroClipboard在本地测试无法使用,必须在服务器上测试,如http://localhost... 
准备:ZeroClipboard.swf 和 ZeroClipboard.js
小示例:单用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>复制</title></head><script type="text/javascript" src="ZeroClipboard.js"></script><body><input type="submit" name="btn_copy" value="复制" id="btn_submit" /><script type="text/javascript">var clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
clip.setText("要复制的文本");
clip.glue("btn_submit");</script></body></html>下载Demo>>>>>>>>>通用版:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>通用..</title></head><body>
text: <input type="text" name="text" value="copy ok!" id="text"/><input type="submit" name="btn_copy" value="复制" id="btn_submit"/><script type="text/javascript" src="ZeroClipboard.js"></script><script type="text/javascript">
copyToClipboard('text','btn_submit');function copyToClipboard(txt,id){var clip = new ZeroClipboard.Client();
clip.setHandCursor(true);var text= document.getElementById(txt).value;
clip.setText(text);                    
clip.glue(id);
clip.addEventListener( "complete", function(){alert("复制成功!");
});
}</script> </body></html>

http://www.ppmy.cn/news/826756.html

相关文章

使用clipboard.js实现移动端页面一键复制功能 + 弹出复制成功提示

最近再写一个简单的html官网移动端页面&#xff0c;需求是一键复制邀请码&#xff0c;再百度上找了好多例子 各种尝试 然后找到一种可以解决的办法 html部分 <input type"text" id"copyVal" readonly value"复制我" /><button class&…

点击按钮复制到剪贴板 js

<span style"font-family: Arial, Helvetica, sans-serif;">案例一&#xff1a;</span> </pre><pre code_snippet_id"1755225" snippet_file_name"blog_20160711_1_4917192" name"code" class"html"&…

点击复制内容到手机粘贴板(简洁易懂-只需五步)

点击按钮复制内容到手机粘贴板 只需简单五步↓ 第一步 npm install clipboard --save 第二步 在需要的页面引入(注&#xff1a;路径根据文件…/) 代码如下↓ <script> import ClipboardJS from ../../../node_modules/clipboard/dist/clipboard.js export default …

html+js实现点击按钮复制文本内容到剪切板上

首先需要定义一个input框&#xff0c;如果你想实现的效果是&#xff0c;用户输入后&#xff0c;点击按钮&#xff0c;复制文本框的内容&#xff0c;那这种做法应该是很适合的。 <input type"text" value"" id"wechat">在js中&#xff1a;…

【用复制粘贴让脚本动起来(一)】实现简单的屏幕点击

反思总结 2022-2-9 想法思路1. 认识CmpColorEx函数2. 用File插件处理字符串3. 设计程序框架 debug 想法 按键精灵中找色功能都可用字符串操作&#xff0c;所以读取预先写好文本传入到自定义的函数中&#xff0c;可快速创建一个稳定的脚本。 #mermaid-svg-eI99yyrehDs0iota .la…

简单的jquery一键复制值到剪切板--clipboard

笔者再开发中遇到了新的需求&#xff0c;把生成的链接通过一个按钮直接复制到剪切板让用户复制给其他人或浏览器访问&#xff0c;原本以为jquery应该有封装好的方法&#xff0c;查询后发现没有&#xff0c;找了很多js发现大部分是通过swf文件来做的&#xff0c;不好用&#xff…

js 复制文本到剪切板 document.execCommand(“copy“)

本函数的原理是调用document.execCommand的copy命令 document.execCommand("copy")对不同浏览器的兼容性不同&#xff0c;详情请在这里参考 函数&#xff1a; /*** 复制文本到剪切板* param {String|Number} value 需要复制的文本* return {Boolean}*/ functio…

java播放音频文件 粘贴运行!

先导入&#xff1a; java.io.*; javax.sound.sampled.*; public static void main(String[] args){ play(); } public static void play() { String fileUrl "你的文件路径"; try{ AudioInputStream ais AudioSystem.getAudioInputStream(new File…