Code läuft mehr bei jedem Klick

Question

Ich möchte Seite blättern, wenn ich mit der Maus klicke. Aber wenn ich mehr als einmal klicke, läuft die Funktion wieder. Ich möchte es nur einmal laufen lassen. Diese Idee kam zu mir, als ich Artikel über scrollBy gelesen habe.

Wie kann ich das beheben?

Hinweis: habe ich versucht (Onmouseover) Ereignis

window.onclick = function() { 
    "use strict"; 
    var m = setInterval(function() { 
     window.scrollBy(0,1); 
     console.info(m); 
    },4); 
    window.onmousemove = function() { 
     clearInterval(m); 
    }; 
}; 

Answer 1

Ihre variable m, die das Intervall hält, ist für window.onclick im Funktionsbereich definiert, die es nicht verfügbar aus window.onmousemove macht. Bewegen Sie die Variablendefinition auf den globalen Bereich, dann ist es von beiden Funktionen verfügbar ist:

var m; 

window.onclick = function() { 
    "use strict"; 
    m = setInterval(function() { 
     window.scrollBy(0,1); 
     console.info(m); 
    },4); 
}; 

window.onmousemove = function() { 
    if (m) { 
     clearInterval(m); 
    } 
}; 

bearbeiten Nachdem wieder Ihre Frage zu lesen, Sie sagen, Sie diese Funktion nur einmal ausgeführt werden soll. In diesem Fall fügen Sie einen Scheck, um zu sehen, ob es bereits Lauf:

var m; 
var hasRun = false; 

window.onclick = function() { 
    "use strict"; 

    if (!hasRun) { 
     m = setInterval(function() { 
      window.scrollBy(0,1); 
      console.info(m); 
     },4); 

     hasRun = true; 
    } 
}; 

window.onmousemove = function() { 
    if (m) { 
     clearInterval(m); 
    } 
}; 

Answer 2

Besonderen Dank geht an: rickdenhaan Das ist der richtige Code:

var m; 
var hasRun = false; 

window.onclick = function() { 
    "use strict"; 

    if (!hasRun) { 
     m = setInterval(function() { 
      window.scrollBy(0,1); 
      console.info(m); 
     },4); 

     hasRun = true; 
    } 
}; 

window.onmousemove = function() { 
    if (m) { 
     clearInterval(m); 
    } 
    var hasRun = false; 
};