So wechseln Sie die Fälle durch Scrollen

Question

Wie kann ich die Groß-/Kleinschreibung durch Scrollen ändern und so einstellen, dass bei jedem Scrollen die Fälle in eine Richtung geändert werden und beim Scrollen die Fälle in die andere Richtung geändert werden? Ich hoffe das ergibt Sinn.

Hier ist, wie ich tat, was ich will Hotkeys tun mit, aber diesmal will ich nicht Hotkeys verwenden, möchte ich die Scroll-Funktion nutzen zu können (ich meine nicht auf dem Scroll-Klick)

document.addEventListener('keydown', function (e) { 
    if (ws) { 
     switch (e.keyCode) { 
      // T 
      case 84: 
       if (player.items[ITEM_TYPE.WINDMAIL]) ws.send("42[\"5\"," + player.items[ITEM_TYPE.WINDMAIL].id + ",null]"); 
       break; 

      // G 
      case 71: 
       e.stopPropagation(); 
       if (player.items[ITEM_TYPE.SPIKES]) ws.send("42[\"5\"," + player.items[ITEM_TYPE.SPIKES].id + ",null]"); 
       break; 

      // Z 
      case 90: 
       e.stopPropagation(); 
       if (player.items[ITEM_TYPE.EXTRAS]) ws.send("42[\"5\"," + player.items[ITEM_TYPE.TURRET].id + ",null]"); 
       break; 

      // F 
      case 70: 
       e.stopPropagation(); 
       if (player.items[ITEM_TYPE.PITTRAP]) ws.send("42[\"5\"," + player.items[ITEM_TYPE.PITTRAP].id + ",null]"); 
       break; 

     } 
    } 
}, true); 

und das funktioniert gut, aber ich möchte es so machen, dass es möglich ist, das gleiche zu tun, aber mein Scrollen statt!

Können Sie helfen?

Answer 1

Sie für Scroll-Ereignisse hören können addEventListener mit (hier dokumentiert: https://developer.mozilla.org/en-US/docs/Web/Events/scroll)

zum Beispiel

window.addEventListener('scroll', function(e) { 
    // do something 
}); 

oder

document.querySelector('.my-scrollable-box').addEventListener('scroll', function(e) { 
    // do something 
}); 

einmal in Ihrem ui auf kleinere Feld Scroll-Ereignisse zu erfassen Sie haben es geschafft, dass Sie die letzte bekannte Bildlaufposition verfolgen können, um festzustellen, ob sie nach oben oder unten gescrollt wurde

var last_known_scroll_position = 0; 
window.addEventListener('scroll', function(e) { 
    if (window.scrollY > last_known_scroll_position) { 
    // the user scrolled down 
    } else { 
    // the user scrolled up 
    } 
    last_known_scroll_position = window.scrollY; 
}