clipboard copy element

<elemento de portapapeles>

Copiar contenido de texto del elemento o valores de entrada al portapapeles.

Instalación

 $ npm install --save @github/clipboard-copy-element

Uso

Guion

Importar como módulos ES:

 import '@github/clipboard-copy-element'

Con una etiqueta de script:

 < script type =" module " src =" ./node_modules/@github/clipboard-copy-element/dist/index.js " >

Margen

 < clipboard-copy for =" blob-path " class =" btn btn-sm BtnGroup-item " >
  Copy path
</ clipboard-copy >
< div id =" blob-path " > src/index.js </ div > 

Fuentes de datos

Atributo

 < clipboard-copy value =" src/index.js " > Copy </ clipboard-copy >

Contenido del elemento

 < clipboard-copy for =" blob-path " > Copy </ clipboard-copy >
< div id =" blob-path " > src/index.js </ div >

Entrada de formulario

 < clipboard-copy for =" blob-path " > Copy </ clipboard-copy >
< input id =" blob-path " value =" src/index.js " >

Hipervínculo href

 < clipboard-copy for =" blob-path " > Copy full URL </ clipboard-copy >
< a id =" blob-path " href =" /path/to#my-blob " > Link text will not be copied </ a > 

Eventos

Después de copiar en el portapapeles, se envía un evento clipboard-copy desde el elemento <clipboard-copy> : Elemento:

 document . addEventListener ( 'clipboard-copy' , function ( event ) {
  const button = event . target
  button . classList . add ( 'highlight' )
} ) 

Soporte del navegador

Los navegadores sin soporte de elementos personalizados nativos requieren un polyfill.

• Cromo
• Firefox
• Safari
• Microsoft Edge

Desarrollo

 npm install
npm test

Licencia

Distribuido bajo la licencia MIT. Vea la licencia para más detalles.