HTML definieert de onClick en onDblClick events op alle elementen, en daarmee kun je leuke dingen doen. Maar, als je beide events definieert voor verschillende acties, gaat er wat mis. Bij een dubbelklik zal ook de onClick event tweemaal binnenkomen. En dat wil je niet. Dus, hier een kort stukje JavaScript om dat op te lossen:

// gebruik deze functies om zowel onclick als ondblclick 
// in te schakelen op een element:
// gebruik: onclick="singleClick(someFunction)" 
//          ondblclick="doubleClick(otherFunction)"

singleClickTimeout = null;
function singleClick(fcn) {
    if (singleClickTimeout == null) {
        singleClickTimeout = setTimeout(function() {
            singleClickTimeout = null;
            fcn();
        }, 500);
    }
}
function doubleClick(fcn) {
    if (singleClickTimeout != null) {
        clearTimeout(singleClickTimeout);
        singleClickTimeout = null;
    }
    fcn();
}

Categorieën: GeekstuffSnack

0 reacties

Geef een reactie

Avatar plaatshouder

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.