Làm thế nào để thay đổi con trỏ từ con trỏ sang ngón tay bằng jQuery?

Question

Điều này có lẽ thực sự dễ dàng, nhưng tôi chưa từng làm điều đó trước đây. Làm thế nào để bạn thay đổi con trỏ của bạn để ngón tay (như cho nhấp vào liên kết) thay vì con trỏ bình thường?

Và làm thế nào để làm điều này với jQuery vì đó là những gì tôi đang sử dụng nó cho.

Answer 1

$('selector').css('cursor', 'pointer'); 

Tôi biết điều này có thể gây nhầm lẫn cho câu hỏi ban đầu của bạn, nhưng con trỏ "ngón tay" thực sự được gọi là "con trỏ".

Con trỏ mũi tên thông thường chỉ là "mặc định".

all possible default pointer looks DEMO

Answer 2

cập nhật! Mới & được cải thiện! Tìm plugin @GitHub!

---

Ngày lưu ý khác, trong khi that method là đơn giản, tôi đã tạo ra một jQuery cắm (found at this jsFiddle, just copy and past code between comment lines) mà làm thay đổi con trỏ trên bất kỳ yếu tố đơn giản như $("element").cursor("pointer").

Nhưng đó không phải là tất cả! Hãy hành động ngay bây giờ và bạn sẽ nhận được các chức năng tay position & ishover mà không phải trả thêm phí! Đúng vậy, 2 chức năng con trỏ rất tiện dụng ... MIỄN PHÍ!

Họ làm việc đơn giản như nhìn thấy trong bản demo:

$("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"); 

Ngoài ra:

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

Vật tư còn hạn chế, vì vậy hành động ngay!

Answer 3

Làm cách nào để thay đổi con trỏ của bạn thành ngón tay (như nhấp vào liên kết) thay vì con trỏ thông thường?

này là rất đơn giản để đạt được bằng cách sử dụng CSS tài sản cursor, không jQuery cần thiết.

Bạn có thể đọc thêm về tại: CSS cursor property và cursor - CSS | MDN

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

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

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

Answer 4

Nó là rất thẳng về phía trước

HTML

<div> 
<input type="text" placeholder="sometext" /> 

<input type="button" value="button" class="button"/> 
<br/><br/> 
<button class="button"> Another button</button> 
</div> 

Jquery

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

// for old IE browsers 

$('.button').css('cursor', 'hand'); 

}); 

Check it out on JSfiddle