<a> 태그와 <button> 태그를 상황에 맞게 구분하자
발생일: 2011.04.23 문제: 얼마 전 QA에서 아래와 같은 버그를 등록했다. 특정 버튼에서 오른쪽 마우스 버튼을 눌러 새탭으로 열었을 때, 기대하는 페이지가 아닌 동일한 페이지가 열린다는 것이다. 해당 버튼은 click 이벤트에 의해 스크립트로만 동작하는 것이었으며, 대충 아래와 같은 형태이다. (실제로 이벤트는 스크립트에서 바인딩한다.) This is button. 스크립트로만 동작하고 기본 동작을 막아뒀기 때문에 클릭했을 때에는 아무런 문제가 없다. 하지만 앵커 태그이기 때문에 새탭으로 열었을 경우엔, 현재 페이지에 #이 덧붙여져 열리게 되는 것이다. 이건 버그라고 할 수 있을까? 해결책: 실제로 여러 포털에 이런 문제가 있는 버튼들이 굉장히 많다. 앵커 태그로 버튼을 구현해 스크립트로 추가 ..
Daylogs/HTML
2011. 4. 23. 02:56
공지사항