Tengo un número de cuenta que está enmascarado en la pantalla inicial. Cuando el usuario pasa el mouse sobre el número de cuenta, quiero mostrar el número. A partir de ahora, el valor está codificado.
El proyecto usa html, jquery, js
¿Cómo puedo lograr esta funcionalidad?
<table> <tr> <td> Account Number </td> <td> <input type="text" value="4xxx763"></td> </tr> </table>Con los atributos de datos, puede almacenar el número de cuenta y el número de cuenta parcial y recuperarlos en los controladores de eventos.
let acctnumber = document.querySelector(".acct-number"); acctnumber.value = acctnumber.getAttribute("data-partial") acctnumber.addEventListener("mouseover",function(){ acctnumber.value = acctnumber.getAttribute("data-acct") }); acctnumber.addEventListener("mouseout",function(){ acctnumber.value = acctnumber.getAttribute("data-partial") }); <input class="acct-number" type="text" data-partial="4xxx763" data-acct="4123763">