Кнопка не registrering щелчки

Question

Так что я пытаюсь использовать эти 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; 
} 

Пятно (а на какой высоте пятно найден), который Безразлично» t, похоже, зарегистрирован на несколько пикселей ниже базовой линии текста в кнопке. Попробуйте нажать чуть ниже текста несколько раз с помощью консоли вверх (нажмите кнопку регистрации на консоли) и заметьте, когда найдете это место. Сладкое пятно не так сложно найти и делает кнопку довольно бесполезной, так как нажатие на нее на определенной высоте кнопки не регистрируется.

Кто-нибудь знает, почему?

Answer 1

Я вижу проблему, когда вы перетаскиваете указатель мыши, где нажимается мышь, поэтому вы можете избежать этого, изменив событие onclick на событие onmousedown.