href 속성이 없는 링크에서 작은 손을 어떻게 보여줄 수 있습니까?

href 속성이 없는 링크에서 작은 손을 어떻게 보여줄 수 있습니까?

나는 이 링크를 가지고 있습니다.<a>jander</a>.

마우스 커서를 위에 놓으면 작은 손 대신 선택 커서가 표시됩니다.

그 작은 손을 보여줄 수 있는 방법이 있습니까?

참고: 링크(Ajax 기능을 실행하는 링크)를 클릭하면 페이지 상단으로 이동하므로 href='#'은 사용하고 싶지 않습니다.

다음과 같이 커서 스타일을 지정합니다.

<a style="cursor:pointer;">jander</a>

다음 작업도 수행할 수 있습니다.

<a href="javascript:;">jander</a>

이렇게 하면 페이지 맨 위로 스크롤하는 것을 방지하고 링크에 href 속성을 유지할 수 있습니다(CSS가 잠겨 있거나 CMS가 제한되어 있는 일부 상황에서 이상적임).

사용하다

cursor: pointer;

요소의 스타일 또는 클래스에서.이 기능은 단순한 기능이 아닌 모든 요소에서 작동합니다.a.

그건 그렇고, 당신은 항상 할 수 있습니다.return false당신이 가지고 있는 문제를 피하기 위해 당신의 핸들러에서.href="#".

모든 것을 준비하고 싶다면<a>속성은 이것을 당신의 css 파일에 설정합니다.

a {
  cursor:pointer;
}

더하다style="cursor:pointer;"당신에게a꼬리표를 달다

JavaScript에 대한 링크를 사용할 때도 사용할 수 있습니다.<a href="javascript:false">jander</a>또는<a href="#" onClick="ajaxFunction(); return false;">반환 false는 href 속성을 '인증'합니다.

부트스트랩을 사용할 때 다음을 수행할 수 있습니다.

<a role="button">jander</a>

인라인 스타일을 피합니다!수업을 이용합니다.

<style>
.no-href-but-gimme-pointer{cursor:pointer;}
</style>
<a class='no-href-but-gimme-pointer'>hover me for pointer, but don't click me -- i won't do anything!</a>

언급URL : https://stackoverflow.com/questions/4678361/how-to-show-the-little-hand-in-a-link-that-doesnt-have-the-href-attribute