Mi requerimiento es simple.
Tengo una mesa con cuatro columnas. Tenga algunos números de móvil en la segunda columna "Número de móvil". Solo quiero copiar (al portapapeles) Todos los números de móvil en la columna " Número de móvil " al hacer clic en el botón.
Probé algunas muestras de javascript para lo mismo, no funcionó según lo requerido. Por favor dé algunas sugerencias.
<html> <head> <style> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #dddddd; } </style> </head> <body> <h2>HTML Table</h2> <button id="copy-table-button" data-clipboard-target="#datatable"> Copy Mobile No. </button> <table id="myTable"> <thead> <tr> <th>Sl No</th> <th>Mobile No.</th> <th>Name</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>1234567890</td> <td>Maria</td> <td>Active</td> </tr> <tr> <td>2</td> <td>2223330</td> <td>Ruma</td> <td>Active</td> </tr> <tr> <td>3</td> <td>3334440</td> <td>Kumar</td> <td>Not-Active</td> </tr> <tr> <td>4</td> <td>44455500</td> <td>Subba</td> <td>Active</td> </tr> <tr> <td>5</td> <td>555666111</td> <td>Orayyo</td> <td>Not-Active</td> </tr> <tr> <td>6</td> <td>555666111</td> <td>Orayyo</td> <td>Active</td> </tr> <tr> <td>7</td> <td>555666111</td> <td>Orayyo</td> <td>Not-Active</td> </tr> </tbody> </table> </body> </html> Solo necesito copiarlos como texto sin formato, para pegarlos en otros sitios web o formularios. Debería pegar así después de copiar ...
1234567890 2223330 3334440 44455500 555666111 555666111 555666111Gracias por adelantado.
Esto funciona para mí, avíseme si tiene algún problema con él:
const copyButton = document.querySelector('#copy-table-button'); const copyToClipboard = (_) => { const dataElements = document.querySelectorAll('tr > td:first-child + td'); const data = Array.from(dataElements).map(element => element.textContent).join('\n'); const blob = new Blob([data], {type: 'text/plain'}); const clipboardItem = new ClipboardItem({'text/plain': blob}); navigator.clipboard.write([clipboardItem]); } copyButton.addEventListener('click', copyToClipboard);