Button 按钮未注册单击

因此，我尝试使用以下CSS3按钮：

以下是我创建的按钮：

正如标题所述，按钮功能并不总是在单击时启动。有些点/像素似乎没有记录点击，这很奇怪，因为按钮在点击这些甜点时仍然会改变其外观，但它没有启动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>

该点位于按钮中文本基线以下几个像素处，而不是找到该点的高度处，该点似乎没有注册。在控制台向上的情况下，尝试在文本下方单击几次，然后单击控制台中的“单击”寄存器，并在找到该点时注意。甜点并不难找到，而且会使按钮变得毫无用处，因为在按钮的某个高度单击它不会注册

---

有人知道为什么吗？

当您将指针拖动到单击鼠标的位置时，我看到了问题，因此您可以通过按onmousedown事件更改onclick事件来避免此问题。

当您将指针拖动到单击鼠标的位置时，我看到了问题，因此您可以通过按onmousedown事件更改onclick事件来避免此问题

var timesClicked = 0;

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