利用Clipboard.js在手機端實現一次復制，，任意地方粘貼
阿新 • • 發佈：2017-10-10
ref -c 利用 直接 new nbsp cli 成了 on()
Clipboard.js為開發者提供了一個集成了實用的API的多功能輕量級JavaScript庫，不依賴Flash。
- Clipboard.js官網： https://clipboardjs.com/
- Clipboard.js下載(zip方式)：https://github.com/zenorocha/clipboard.js/archive/master.zip
- Clipboard.js使用方法:
-
<script src="lib/clipboard.js-master/dist/clipboard.min.js"></script>
先引入js包。
- html
<!-- Target --> <input id="foo" value="http://www.968309.com/mobile.php"><!-- Trigger --> <button class="btn" data-clipboard-target="#foo">復制</button> - js
//init var clipboard = new Clipboard(‘.btn‘); //優雅降級:safari 版本號>=10,提示復制成功;否則提示需在文字選中後，手動選擇“拷貝”進行復制 clipboard.on(‘success‘, function(e) { alert(‘復制成功!‘) e.clearSelection(); }); clipboard.on(
‘error‘, function(e) { alert(‘請選擇“拷貝”進行復制!‘) });
- 註意點：
- 紅色標註部分只支持input和textarea。其他都不支持！
- Safari版本是10以上的，可以直接成功復制；如果是版本小於10，可以通過如下代碼提示用戶手動復制：
利用Clipboard.js在手機端實現一次復制，，任意地方粘貼