html a 태그 onclick 이벤트 설정시 주의사항

<a> 태그에 onclick 이벤트를 주고자 할때 

<a href="#none" onclick="호출함수명(url)">클릭</a>

function 함수명(url){

실행코드;;;;;;

location.href = url;

return false;

}

이렇게 작성해도 이상 없다고 생각했었고, 크롬과 IE10 이상에서도 문제가 없었다.

하지만 IE8과 IE10 사용자중 브라우저 속성을 변경했다고 하는 사용자의 요청을 확인해보니(일일히 브라우저속성을 다 파악하진 못했지만)

일부사용자는 a 링크 클릭시 #none으로 이동되어 onclick이벤트가 안먹히는 현상이 발생되었다.

하여 코드를 다음과 같이 수정하였다. 

href 속성을 제거하고 마우스 커서를 변경시킬 스타일만 적용했다.

<a style="cursor:pointer" onclick="호출함수명()">알림</a>

function 함수명(url){

실행코드;;;;;;

location.href = url;

return false;

}

적용결과 안된다던 사용자의 브라우저에서 정상작동하는것을 확인하였다.