2012-04-23 71 views
2

所以我试图用取自这些CSS3按钮:http://lab.simurai.com/buttons/按钮不registrering点击

这里是我创建的按钮: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似乎注册位于按钮中文本的基线以下几个像素。尝试用控制台向上点击文本正下方几次(控制台中的点击注册),并注意您何时找到该点。甜蜜的地方并不难找到,并使按钮相当无用,因为在按钮的某个高度点击它不会注册。

有谁知道为什么?

回答

0

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