event objekt funktioniert nicht

[tpetersohn]

moin!

Ich bin einigermaßen verzweifelt. Unter Chrome läuft es, unter FF aber nicht. Weiß jemand warum?

Das event objekt enthält keinen verweis auf e.shiftKey (Und sonst auch auf nichts anscheinend)

Wenn ich <label> weglasse und die checkboxen nicht style funktioniert es wieder.

https://codepen.io/tpetersohn/pen/bOmQqd

[Christian Marquardt]

Was läuft nicht?
Unter FF kann man die Boxen auswählen

[tpetersohn]

Man klickt auf eine box und dann shift-klick auf eine andere. die dazwischen sollen automatisch ausgewählt werden

[Christian Marquardt]

Warum wird
last = checkboxes.indexOf(this);
am Ende der Funktion gesetzt, aber am Anfang versucht damit den Bereich zu definieren

[tpetersohn]

Der erste klick wird in 'last' gespeichert. Beim zweiten (shift)klick springt das programm in die if Bedingung.

Wenn e.shiftKey && this.checked wahr ist, werden alle checkboxen dazwischen auf true gesetzt.

Das script ist übrigens eine Abwandlung von mir, habs ursprünglich von Wes Bos auf https://www.youtube.com/watch?v=RIPYsKx1iiU gesehen

also e.shiftKey ist in firefox immer "false" ...

[Christian Marquardt]

Nach einem Test hier
https://www.w3schools.com/jsref/tryi...t_key_shiftkey
sendet der Firefox das Event nur, wenn tatsächlich ein Inputfeld beteiligt ist, also der Curor drin steht

[tpetersohn]

dann wäre die frage wohl wie man aus dem svg label ein input element macht ... bin noch zu noob dafür.

[fanderlf]

Wenn Du das Ding sowieso selbst stylest und es auch nicht als Formular an den Server gesendet wird, dann könntest Du es auch einfach selbst bauen. Meiner Meinung nach machen die Standardelemente nur dann wirklich Sinn, wenn ich auch das Rendern dem Browser überlasse. Wenn ich das eigentliche Elemente sowieso ausblende, dann macht es höchstens Sinn, wenn das Element in einem Formular an den Server gesendet wird.

[tpetersohn]

Ich habs geschafft, es funktioniert jetzt in ff UND chrome :-)))))) hurra ... hab ein bisschen was gelernt bei dieser Übung.