Javascript/Onclick - 鼠標移動時鼠標指針

我正在使用投票按鈕。Javascript/Onclick - 鼠標移動時鼠標指針

該按鈕是一個簡單的鏈接，但搜索引擎蜘蛛爬行頁面並觸發虛假投票。所以，我把它改成了onclick來停止。

但是，這樣做後，按鈕仍然工作正常，但鼠標光標不再有'手'指針。當你鼠標懸停時，它仍然是箭頭指針，所以很難說它是一個實際運行的鏈接。爲了解決這個問題，我添加了一個style =「cursor：default;」，我也嘗試過style =「cursor：crosshair;」嘗試更改遊標行爲，但它不起作用。光標始終保持指針。

這裏是我的代碼：

<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>

缺少什麼我在這裏，使這個鼠標懸停看起來像一隻手？

一如既往地提前致謝。

來源

2013-02-28 Kevin

嘗試'光標：指針;' – 2013-02-28 23:42:47

我有光標：指針;在我上面的例子中。我使用不正確？ – Kevin 2013-02-28 23:47:37

-2

所以我周圍發現了一個工作。我並不完全滿意，但它似乎在做這項工作。基本上，我只是給標籤添加了一個href =「＃」。這使得手出現，大部分時間點擊工作就像它應該。

<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>

來源

2013-03-06 00:13:28 Kevin

您也可以將完整的網址添加到href（而不是＃）並刪除onClick。 – zangrafx 2015-08-21 10:05:54

這在很多層次上都是「錯誤的」： *僅僅爲了顯示指針光標而添加假href並不是一個好的做法。 *使用onclick事件只是爲了重定向（而不是使用href）也是一個壞習慣。 *不使用CSS風格相關的問題也是一個不好的做法。我認爲bes方法應該如前所述添加「cursor：pointer;」通過適當的選擇器將其轉換爲正確的css文件。 – 2016-04-14 13:00:52

@David Diez - 如果你閱讀我的文章，你會看到我的代碼有你提出的解決方案。這在我的情況下不起作用，這就是我來到這裏的原因。大聲笑......但謝謝。 – Kevin 2017-03-29 18:28:09

你可以在CSS中做到這一點！

只是將此添加到您想要的樣式的元素。

光標：指針;

來源

2013-02-28 23:43:09

其實我在這裏找到了答案：Cursor not changing to pointer in Usemap/area case

在你的情況下，只需添加href="javascript:void(0)"每個<area>。

例子：http://jsfiddle.net/yE5bQ/

來源

2013-02-28 23:49:01

其實你只能href =「javascript;」 – Illidan 2017-04-08 10:34:37

-1

試試這個上面/頭，它工作在IE和HTA的，訣竅是包括網址...

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>

來源

2013-06-19 21:03:24

在你的CSS把這個：

#vote_buttons { 
    cursor:hand; 
}

這將使它在遊標懸停在按鈕上時變成一隻手。

來源

2013-09-27 10:23:03 Drew

Javascript/Onclick - 鼠標移動時鼠標指針

回答

相關問題