html.de - Nur ondblclick anstelle den Funktionen unter onclick

by SpiceLab

HTML

<div id="clickElement"></div>
<div id="outputElement"></div>

CSS

* {
  box-sizing:border-box
}
#clickElement {
  width:200px;
  height:200px;
  background:lightgray;
  cursor:pointer
}
#outputElement {
  width:200px;
  height:25px;
  border:1px solid lightgray;
  margin-top:15px
}

JavaScript

var clickObj = document.getElementById('clickElement');
var outputObj = document.getElementById('outputElement');
var x = 0;

clickObj.onclick = function() {
    x++;
    if (x <= 1)
        timer = setTimeout("outputObj.innerHTML = 'onclick'", 200);
    else
        x = 0;
};

clickObj.ondblclick = function() {
    clearTimeout(timer);
    outputObj.innerHTML = 'ondblclick';
    x = 0;
}