Estoy buscando una solución para rastrear cuando un elemento HTML (etiqueta, como un cuadro de entrada de área de texto) cambia del atributo 'solo lectura' a no ser de solo lectura (eliminar el atributo por lo que puedo decir). Todavía no encuentro una manera de hacer esto en Chrome Dev Tools o Vanilla JavaScript o jQuery (no he usado Firefox para desarrollo web en mucho tiempo, lo siento).
Si puedo detectarlo e imprimirlo en console.log, sería genial para poder rastrear cuándo sucede, ya que no puedo reproducir un error que el usuario informa bajo alguna circunstancia.
He visto algunas cosas sobre MutationObserver, aunque parece ser un proyecto abandonado y no estoy seguro de que sea un buen camino a seguir. Sé que puedo buscar algunos eventos en Chrome Dev Tools, pero tal vez simplemente no veo lo que estoy buscando.
MutationObserver no se abandona por completo, es una API de navegador moderna y podría hacer el trabajo por usted. Hay un ejemplo en esa página, que podría usar casi de la caja.
Esta es la parte con la que necesitarías trabajar:
// modify this to check if `mutation.attributeName` === `readonly` if (mutation.type === 'attributes') { console.log('The ' + mutation.attributeName + ' attribute was modified.'); }