包括Javascript首先，包含位于dist文件夹中的脚本或从任何第三方CDN提供商加载的脚本。t/clipboard.min.js">//orincludeCDN//cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min
.js">复制现在用下面的代码初始化它，初始化时传递Dom选择器：vascript">varClipboard=newClipboardJS(''.btn'');复制现在添
加要复制的HTML元素。e">Copyutton>复制将data-clipboard-target指令添加到按钮元素和值作为要复制的输入的id。同样，您还可以通过添加
来剪切文本data-clipboard-action="cut"board.jsisawasome">ut"data-clipboard-target="#input-txt">Cut复制同样的方式它也可以添加到
textarea中。clipboard.jsissimple.rea>Copytton>复制如果要从任何元素复制文本，只需添加data-clipboard-text指令。data-clipboard-text="clipboard.jslightweight.">Copyme
复制这是完整的HTML代码。>clipboard.jsisawasomeclass="validate">rd-target="#txtarea">Copybtn"data-clipboard-text="clipboard.jsissimple">Copyme>clipboard.min.js">varC
lipboard=newClipboardJS(''.btn'');复制有时您
可能希望在用户执行复制或剪切事件时执行任何操作。在这些情况下，clipboard.js会触发成功或错误事件，以便您执行任何事件。
varclipboard=newClipboardJS(''.btn'');clipboard.on(''success'',f
unction(e){console.info(''Action:'',e.action);console.info(''Tex
t:'',e.text);console.info(''Trigger:'',e.trigger);e.clearSelecti
on();});clipboard.on(''error'',function(e){console.error(''Action
:'',e.action);console.error(''Trigger:'',e.trigger);});复制如果您正在使用单
页应用程序，您可以使用方法破坏任何clipboard.js对象destroy()。varclipboard=newCl
ipboardJS(''.btn'');clipboard.destroy();复制结论在本文中，您学习了添加和使用clipboard.js。现在您还可以将其添加到您的实际工作区。 |
|
