Internet Explorer i focus() endarrerit
30 de juny del 2008
Avui a la feina estava tocant un JavaScript i m’he adonat d’una cosa. L’IE no li feia ni cas a una de les instruccions. La cosa és la següent: hi ha una part de l’aplicació que es recarrega contínuament (cada 5 segons) mitjançant Ajax. Aquesta part conté un “input” el qual, si estàs escrivint mentre es refresca, perd el contingut. La idea del JavaScript era fer la petició Ajax i en rebre la resposta:
- Copiar el valor de l’“input” en una variable temporal.
- Substituir el contingut del “div” corresponent amb el de la resposta.
- Assignar el valor de la variable al nou “input”.
- Restaurar la posició del ratolí en cas que estigués seleccionat o tingués focus.
I en aquest últim cas és en el que fallava. Una de les instruccions era que, si anteriorment tenia focus, se li tornés a donar focus. Això ho fèiem així:
document.getElementById("elementToFocus").focus();
Misteriosament, no funcionava. En Firefox sí, però a l’IE no. El més curiós era que si fèiem això:
document.getElementById("elementToFocus").focus(); document.getElementById("elementToFocus").focus();
Sí que funcionava! És il·lògic, però investigant, sembla que l’Explorer fa alguna cosa en segon pla i no deixa prendre el focus fins passats uns quants mil·lisegons. Es pot solventar així:
setTimeout("document.getElementById("elementToFocus").focus();", 100);
D’altra banda, ens hem trobat un altre problema. El tema de conservar la selecció actual. En Firefox, hi ha els simplíssims selectionStart i selectionEnd, que et fan tota la feina, però en Explorer, no. La manera “oficial” de Microsoft és un autèntic nyap, i a Mishoo s’han currat una alternativa fent ús d’una funció no documentada que retorna una “cadena opaca”. Això és el que hem hagut de fer, quin remei.
Com sempre, les cerques sobre coses de JavaScript amb el senyor IE són d’allò més curioses…