按钮不registrering点击(Button not registrering clicks)

2019-09-16 17:11发布

所以我想用取自这些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;
}

这似乎并没有注册点(而在其高度的点被发现)位于按钮上的文字的基线以下几个像素。 尝试与控制台了(在控制台中点击寄存器)点击只是文本低于几次,当你发现,当场发现。 甜蜜点并不难找到,使按钮,因为点击它的按钮将不会登记具有一定高度的好看不中用。

有谁知道为什么吗?

Answer 1:

我看到这个问题,当你把你拖到指针点击鼠标时在那里,所以你可以通过改变避免这种情况onclick的事件onmousedown事件。



文章来源: Button not registrering clicks