Javascript/Onclick - Làm cho con trỏ chuột một bàn tay khi di chuột qua

Question

Tôi đang làm việc với nút biểu quyết.

Nút này là một liên kết đơn giản, nhưng trình thu thập thông tin của công cụ tìm kiếm đã thu thập thông tin các trang và kích hoạt các phiếu bầu giả. Vì vậy, tôi đã thay đổi nó thành một onclick để làm cho dừng lại.

Tuy nhiên, sau khi thực hiện điều đó, các nút vẫn hoạt động tốt, nhưng con trỏ chuột không còn có con trỏ 'tay' nữa. Nó vẫn là con trỏ mũi tên khi bạn di chuột qua, vì vậy thật khó để nói rằng đó là một liên kết hoạt động thực sự.

Để cố sửa lỗi này, tôi đã thêm kiểu = "cursor: default;", tôi cũng đã thử style = "cursor: crosshair;" để thử và thay đổi hành vi của con trỏ, nhưng nó không hoạt động. Con trỏ vẫn là con trỏ toàn bộ thời gian.

Dưới đây là mã của tôi:

<map id="vote_buttons" name="vote_buttons"> 
    <area shape="rect" alt="" coords="5,3,78,43" onClick="window.location='http://www.site.com/page.php?vote=Y'" style="cursor:default;" title="" /> 
    <area shape="rect" alt="" coords="83,3,160,44" onClick="window.location='http://www.site.com/page.php?vote=N'" style="cursor:pointer;" title="" /> 
    <area shape="default" nohref="nohref" alt="" /> 
</map> 

tôi đang thiếu gì ở đây để làm cho mouse-over này trông giống như một bàn tay?

Cảm ơn trước như mọi khi.

Answer 1

Vì vậy, tôi đã khám phá một công việc xung quanh. Tôi không hoàn toàn hài lòng với nó, nhưng nó dường như đang làm công việc. Về cơ bản, tôi chỉ cần thêm a href = "#" vào thẻ. Điều này làm cho bàn tay xuất hiện và phần lớn thời gian nhấp chuột hoạt động như mong muốn.

<map id="vote_buttons" name="vote_buttons"> 
    <area href="#" shape="rect" alt="" coords="5,3,78,43" onClick="window.location='http://www.site.com/page.php?vote=Y'" style="cursor:default;" title="" /> 
    <area href="#" shape="rect" alt="" coords="83,3,160,44" onClick="window.location='http://www.site.com/page.php?vote=N'" style="cursor:pointer;" title="" /> 
</map> 

Answer 2

Bạn có thể thực hiện việc này bằng css!

chỉ cần thêm phần tử này vào phần tử bạn muốn kiểu.

con trỏ: con trỏ;

Answer 3

Trên thực tế tôi thấy câu trả lời ở đây: Cursor not changing to pointer in Usemap/area case

Trong trường hợp của bạn, chỉ cần thêm href="javascript:void(0)" cho mỗi <area>.

Ví dụ: http://jsfiddle.net/yE5bQ/

Answer 4

Hãy thử điều này trên/head, nó hoạt động trong IE và HTA của, lừa đã bao gồm URL ...

put following inside your [body] button or anchor 
onmousedown="mouseDown1()" onmouseup="mouseOut1() 

<script type="text/javascript"> 

function mouseDown1() { 
document.body.style.cursor = 'url(anim2.cur)'; 
} 

function mouseOut1() { 
document.body.style.cursor = 'url(anim1.cur)'; 
} 

function calc() { 
var dummy = 0; 

for (var i=0; i<100000;i++) { 
for (var z=0; i<100000;i++) { 
dummy = dummy + z + i; 
} 
} 

cursor_clear(); 
} 
</script> 

Answer 5

Trong CSS của bạn đặt này:

#vote_buttons { 
    cursor:hand; 
} 

chí này làm cho nó để con trỏ của bạn biến thành một bàn tay trong khi di chuột qua nút.