按钮未注册点击次数

Question

所以我正在尝试使用这些来自http://lab.simurai.com/buttons/

的CSS3按钮

以下是我创建的按钮：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;
}

似乎没有注册的点（而不是找到点的高度）位于按钮文本基线下方几个像素处。尝试使用控制台向上单击文本下方几次（控制台中的单击寄存器），并在找到该位置时注意。甜蜜点不是很难找到，并使按钮相当无用，因为在按钮的某个高度点击它将无法注册。

有谁知道为什么？

Answer 1

当您将指针拖动到单击鼠标的位置时，我会发现问题，因此您可以通过onclick事件更改onmousedown事件来避免这种情况。