Erfassen einer konditionalen, kombinatorischen Sequenz von Browserereignissen

Question

Wir können einzelne Browserereignisse abhören und verarbeiten, aber wie hören wir auf eine Kombination von Ereignissen in Folge?

In Pseudo-Code, suchen wir etwas wie folgt aus:

element.on('click followed by mouse move', function() { 
    // do something 
}) 

AFAIK, wir nur einzelne Ereignisse zu einem Zeitpunkt erfassen kann. Irgendwelche Ideen?

Answer 1

Es gibt eine einfache Möglichkeit, mit eigenem Rahmen und eine einfache Umschaltfunktion Variable:

(function(){ 
 
    // Nothing else can change this, because of it's private scope. 
 
    var clicked = false; 
 
    
 
    document.getElementById('test').addEventListener('click', function(){ 
 
     clicked = clicked ? false : true; 
 
    }); 
 
    document.getElementById('test').addEventListener('mousemove', function(){ 
 
     if (clicked) { 
 
      console.log('moving while clicked.'); 
 
     } 
 
    }); 
 
})();

#test { 
 
    width: 500px; 
 
    height: 500px; 
 
    border: 1px solid red; 
 
    background-color: #ccf; 
 
}

<div id='test'></div>