首页 > 代码库 > 将内容复制到剪切板兼容主流浏览器的解决方案
将内容复制到剪切板兼容主流浏览器的解决方案
html :
<body> <div class="demo-area"> <label for="copy-input">输入要复制到剪切板的文字:</label><br> <textarea id="copy-input" cols="30" rows="10"></textarea><br> <button id="copy-button">复制到剪贴板</button><br> </div> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://www.mamicode.com/path/to/ZeroClipboard.js"></script></body></html>
js:
//配置ZeroClipboard.swfZeroClipboard.config({ swfPath: ‘./vendor/ZeroClipboard.swf‘});//初始化var client = new ZeroClipboard(document.getElementById("copy-button"));client.on("ready", function(readyEvent) { client.on("copy", function(event) { var clipboard = event.clipboardData; var copyText = $(‘#copy-input‘).val(); clipboard.setData("text/plain", copyText); // 将内容添加到剪切板 });});
兼容主流浏览器的最终解决方案
使用ZeroClipboard。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。