funciones de cortar y copiar

Copiar y cortar

clipboard.js插件官网网址: [http://www.clipboardjs.cn/](http://www.clipboardjs.cn/)

借鉴文章[clipboard使用总结](https://blog.csdn.net/hry2015/article/details/70941912?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

Ejemplo muestra

1. Copia
<!-- Target -->
<input id="foo" value="你好">

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy">
</button>
 注:  需要 input中id值 和 button中data-clipboard-target相一致
      可以用data-clipboard-action指定是剪切或复制.cut为剪切,copy为复制
2. Corte
<!-- Target -->
<textarea id="bar">Mussum ipsum cacilds...</textarea>

<!-- Trigger -->
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">
    Cut to clipboard
</button>
注:cut 操作只在<input> 或者 <textarea> 元素上生效
3. Copia de la propiedad
<!-- Trigger -->
<button class="btn" data-clipboard-text="你好">
    Copy to clipboard
</button>

注:data-clipboard-text中是待复制内容
4. eventos de unión
    var clipboard = new ClipboardJS('.btn');

clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);

    e.clearSelection();
});

clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});

Supongo que te gusta

Origin www.cnblogs.com/zhy7blog/p/12516925.html
Recomendado
Clasificación