Suche nach bestimmter function

basti1012 · 17. Februar 2018

Habe hier ein Script gebastelt für wem anders. https://jsfiddle.net/wvns4ac1/93/

Man muss shift drücken ,2 boxen markieren und beim los lassen werden alle Boxen dazwischen markiert .Das funktioniert auch .

Aber wie man bei der Ausgabe sieht klatscht er da 100 mal Box0 hin ,die eigentlich nicht da sein sollte .

Auserdem denke ich das das alles viel zu umständlich ist .Ich meine sowas mal gesehen zuhaben mit viel wenniger Code und einfacherer.

Noch eine frage zum Reset button . Wenn man die Boxen ohne shift drücken makiert und reset drückt,resetet er auch .Wenn die Boxen aber durch shift drücken makiert werden ,werden sie sich nicht mehr resetet .Wie kommt den das ?

EDIT : Komisch jetzt funktioniert gar nix mehr .Ich hasse diesen Browser ,andauern löscht erdie cache nicht und ich stehe wieder als blödmann hier weil ich wieder nee scheisse poste die nicht mehr geht.

Musste gerade Browser neu starten undhabe gesehen das fiddle nicht mehr geht .MIST BROWSER

Aber trotdem ist das script müll auch wenn es geht ,das muss auch einfacher gehen.

ACHTUNG : Habe da jetzt dauer schleife drinne .Kein plan wo die weg kommt.

Die schleife kommt von keyup Wenn man doch eine taste los läst sollte doch einmal gefeuert werden? Hier feuert er durch gehend ,aber nicht immer una ab und zu nur 10 mal oder so ? Wahrscheinlich liegtes an mein Browser ,weil seheda kein sinn drinn das der dauer feuert beim los lassen

basti1012 · 17. Februar 2018

Auf jedenfall feuert der keyup an die 80 mal. Verstehenicht warum.Wenn das nicht richtig läuft functioniert der rest natürlich auch nicht richtig

Sempervivum · 17. Februar 2018

Dies sollte funktionieren:

https://jsfiddle.net/Sempervivum/kmwywx8L/1/

Code

    <div id="cbc"></div>
    <script>
        var lastidx = -1;
        for(let i = 1; i <= 100; i++){
            var cbh = document.getElementById('cbc');
             var cb = document.createElement('input');
             cb.type = 'checkbox';
             cb.name = 'box'+i;
             cb.value = i;
             cb.className = 'box';
             cb.id = 'box'+i;
             cbh.appendChild(cb);
             cb.addEventListener("click", function(event) {
                if (!event.shiftKey) {
                    lastidx = i;
                } else {
                    var status = document.getElementById('box' + lastidx).checked;
                    console.log("status");
                    if (lastidx < i) {
                        var from = lastidx;
                        var to = i;
                    } else {
                        var from = i;
                        var to = lastidx;
                    }
                    for (var j = from; j < to; j++) {
                        document.getElementById('box' + j).checked = status;
                    }
                }
             });
         }
    </script>

Alles anzeigen

Zitat

Auf jedenfall feuert der keyup an die 80 mal. Verstehenicht warum.

Ich habe es nicht bis ins letzte analysiert, aber der Grund ist sicherlich, dass Du den keyup-Handler im keydown-Handler registrierst, d. h. bei jedem keyup wird er von neuem registriert.

basti1012 · 17. Februar 2018

Wieso geht eigentlich keypress() nicht bei shift ? Es gehen nur die buchstaben und zahlen ? Habe ich da irrgendwas falsch gemacht ?

Hatte das mal gerade in einer extra fiddle getestet und irgendwie geht das nur mit keydown .Habe das mit jquery versucht ,weiß nicht ob es da anders ist mit keypress()

Code

$('body').keypress(function (e) {
alert('Enter key pressed!');
});

geht bei shift nicht

Suche nach bestimmter function

Jetzt mitmachen!

Teilen