[html] IE에서 readonly 속성에 커서 생기는 문제 및 백스페이스 막기

문제 발생 크롬과 IE 두개의 브라우저에 서비스를 해야하는 프로젝트에서 readonly관련 이슈가 생겨났다 개발할때는 크롬이 편리해서 크롬 화면만 보고 개발을 했더니 오픈이 다가와서 IE화면에서 테스트를 해보니 readonly 속성을 준 input 태그에서는 커서가 생겨나는 문제가 발생 했다. (readonly에서는 포커스 커서가 없는게 정상이다.) 더 큰 문제는 커서가 생긴 readonly 태그에 사용자가 실수라도 백스페이스를 눌렀을경우 혹은 그냥 화면을 클릭하고(어느 태그에서도 커서가 없는 blur상태) 백스페이스를 눌렀을 경우 뒤로 가기 이벤트가 발생되서 기존에 입력했던 정보들이 다 없어져 다시 일일이 입력해야하는 불상사가 생겨났다. 입력해야하는 정보가 정말 적다면 무야무야 넘어갈순 있겠지만? ㅎㅎ..