jQuery를 사용하여 포인터에서 손가락으로 커서를 변경하는 방법은 무엇입니까?

jQuery를 사용하여 포인터에서 손가락으로 커서를 변경하는 방법은 무엇입니까?

이것은 아마도 정말 쉬울 것입니다만, 저는 전에 해본 적이 없습니다.커서를 일반 포인터 대신 손가락(링크 클릭 등)으로 변경하려면 어떻게 해야 합니까?

그리고 jQuery를 사용하는 방법이 바로 제가 사용하는 것이기 때문입니다.

$('selector').css('cursor', 'pointer'); // 'default' to revert

당신의 원래 질문에 따르면 그것이 혼란스러울 수 있다는 것을 알지만, "손가락" 커서는 실제로 "포인터"라고 불립니다.

일반 화살표 커서는 "기본값"입니다.

가능한 모든 기본 포인터가 DEMO로 보입니다.

업데이트! 새롭고 개선되었습니다!깃헙에서 플러그인 찾기!

---

다른 한편으로, 그 방법은 간단하지만, 나는 모든 요소에서 커서를 간단하게 변경할 수 있는 jQuery 플러그(이 jsFiddle에서 찾을 수 있음, 주석 행 사이에 복사 및 과거 코드만 있음)를 만들었습니다.$("element").cursor("pointer").

하지만 그게 다가 아닙니다!지금 행동하면 손 기능을 얻을 수 있습니다.position&ishover추가 요금 없이!맞아요, 아주 편리한 커서 기능 2개...무료!

이들은 데모에서 볼 수 있는 것처럼 간단하게 작동합니다.

$("h3").cursor("isHover"); // if hovering over an h3 element, will return true, 
    // else false
// also handy as
$("h2, h3").cursor("isHover"); // unless your h3 is inside an h2, this will be 
    // false as it checks to see if cursor is hovered over both elements, not just the last!
//  And to make this deal even sweeter - use the following to get a jQuery object
//       of ALL elements the cursor is currently hovered over on demand!
$.cursor("isHover");

또한:

$.cursor("position"); // will return the current cursor position as { x: i, y: i }
    // at anytime you call it!

물량이 한정되어 있으니 지금 바로 행동하세요!

커서를 일반 포인터 대신 손가락(링크 클릭 등)으로 변경하려면 어떻게 해야 합니까?

CSS 속성을 사용하는 것은 매우 간단합니다.cursor,아니요.jQuery필요했다.

에 대한 자세한 내용은 다음에서 확인할 수 있습니다.

.default {
  cursor: default;
}
.pointer {
  cursor: pointer;
}

<a class="default" href="#">default</a>

<a class="pointer" href="#">pointer</a>

그것은 매우 직선적입니다.

HTML

<input type="text" placeholder="some text" />
<input type="button" value="button" class="button"/>
<button class="button">Another button</button>

jQuery

$(document).ready(function(){
  $('.button').css( 'cursor', 'pointer' );

  // for old IE browsers
  $('.button').css( 'cursor', 'hand' ); 
});

JSiddle에서 확인해 보세요.

언급URL : https://stackoverflow.com/questions/1843674/how-to-change-cursor-from-pointer-to-finger-using-jquery