按鈕不registrering點擊

Question

所以我試圖用取自這些CSS3按鈕：http://lab.simurai.com/buttons/

這裏是我創建的按鈕：http://utvecklingspunkten.se/glist/admin/addGuests/button.php

正如標題狀態的按鈕功能並不總是點擊時點燃。有一些點/像素似乎沒有註冊點擊（這很奇怪，因爲按鈕在點擊這些甜點時仍然會改變它的外觀 - 但它不會觸發onClick功能）。

因此，這裏是我用來生成按鈕的代碼：

<div style="margin-left:500px; margin-top:100px;"> 
    <a href='#' class='button gray glossy' data-icon='✎' onClick='clickHandler()' /> 
Try clicking this button</a> 
</div> 

而簡單的JavaScript：

var timesClicked = 0; 

function clickHandler() { 
    console.log("I've been clicked " + timesClicked + "times."); 
    ++timesClicked; 
} 

它沒有按」現貨（而在該高度當場被發現） t似乎註冊位於按鈕中文本的基線以下幾個像素。嘗試用控制檯向上點擊文本正下方几次（控制檯中的點擊註冊），並注意您何時找到該點。甜蜜的地方並不難找到，並使按鈕相當無用，因爲在按鈕的某個高度點擊它不會註冊。

有誰知道爲什麼？

Answer 1

當您將指針拖動到鼠標點擊的位置時，我會看到問題，因此您可以通過將onclick事件更改爲onmousedown事件來避免此問題。