2

所以我尝试使用这些 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;
}

似乎没有注册的点（而不是发现点的高度）位于按钮中文本基线下方几个像素处。尝试在控制台向上的情况下单击文本下方几次（单击在控制台中注册）并注意何时找到该位置。最佳位置并不难找到，并且使按钮变得毫无用处，因为在按钮的某个高度单击它不会注册。

有谁知道为什么？

4

1 回答 1

0

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

于 2012-06-27T08:23:04.887 回答