Perdone si lo escribí mal y por favor corríjalo.
Vea este enlace para W3 try it : ( https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_copy_clipboard2 )
Las copias W3 valoran una entrada, pero quiero copiar los data-xxx de un elemento.
Quiero copiar lo que hay dentro de data-copy-short-link usando JavaScript o jQuery.
¿Qué función de JavaScript o jQuery debo usar para copiar este texto en los datos?
Mi inglés es muy malo. Así que no me vendrían bien más preguntas. Pero entiendo la codificación. Explíqueme escribiendo el código y oraciones simples, y no diga que hay una respuesta a su pregunta.
// js $("div").click(function() { let shortLink = $(this).attr("data-copy-short-link"); shortLink.select(); shortLink.setSelectionRange(0, 99999); navigator.clipboard.writeText(shortLink.value); }); <div data-copy-short-link="http://example.com/xxx"></div>En primer lugar, no necesita acceder directamente al atributo data-* , puede acceder a él a través de la propiedad element.dataset.* en su lugar.
En segundo lugar, no necesita seleccionar ningún texto como en el ejemplo, puede hacerlo directamente:
$("div").click(function() { navigator.clipboard.writeText(this.dataset.copyShortLink); });https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText
También tenga en cuenta en Firefox:
La escritura en el portapapeles está disponible sin permiso en contextos seguros y extensiones de navegador, pero solo desde devoluciones de llamadas de eventos iniciadas por el usuario. Las extensiones del navegador con el permiso "clipboardWrite" pueden escribir en el portapapeles en cualquier momento.
Este script crea un área de texto que permite que JS copie la cadena y luego la elimina. El usuario nunca ve ninguna de estas cosas, todo se ejecuta en oculto.
$("div").click(function () { let shortLink = $(this).attr("data-copy-short-link"); var dummy = document.createElement("textarea"); document.body.appendChild(dummy); dummy.value = shortLink; dummy.select(); document.execCommand("copy"); document.body.removeChild(dummy); }Puede crear un área de textarea y poner texto en él y luego ejecutar el comando de copia:
$("div").click(function () { let shortLink = $(this).attr("data-copy-short-link"); var textArea = document.createElement("textarea"); textArea.value = shortLink; // Avoid scrolling to bottom textArea.style.top = "0"; textArea.style.left = "0"; textArea.style.position = "fixed"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { var successful = document.execCommand('copy'); var msg = successful ? 'successful' : 'unsuccessful'; console.log('Fallback: Copying text command was ' + msg); } catch (err) { console.error('Fallback: Oops, unable to copy', err); } document.body.removeChild(textArea); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div data-copy-short-link="http://example.com/xxx">click to copy</div> <br /> <input type="text" placeholder="paste me to test">