Tengo una etiqueta de ancla envuelta en una cuerda.
export const linkify = (inputText) => { let replacePattern = /(\b(https?|ftp):\/\/[-A-Z0-9+&#\/%?=~_|!:,.;]*[-A-Z0-9+&#\/%=~_|])/gim; if (replacePattern.test(inputText)){ inputText=inputText.replace(replacePattern, function(url) { return `<a href="${url}" onClick=${() => onLinkClick()}>${url}</a>`; }) } return inputText; } const onLinkClick = () => { // do something console.log('clicked'); }
Quiero agregar un onClick en la etiqueta de anclaje que hice pero no funciona
crea el elemento y edita su atributo.
const onLinkClick = () => { // do something console.log("clicked"); }; export const linkify = (inputText) => { let replacePattern = /(\b(https?|ftp):\/\/[-A-Z0-9+&#\/%?=~_|!:,.;]*[-A-Z0-9+&#\/%=~_|])/gim; if (replacePattern.test(inputText)) { inputText = inputText.replace(replacePattern, function (url) { const a = document.createElement("a"); a.href = url; a.innerText = url; a.addEventListener("click", onLinkClick); return a; }); } return inputText; };