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
Announcement
Collapse
No announcement yet.
event objekt funktioniert nicht
Collapse
X
-
event objekt funktioniert nicht
Tags: None
-
Ich habs geschafft, es funktioniert jetzt in ff UND chrome :-)))))) hurra ... hab ein bisschen was gelernt bei dieser Übung.
-
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.
Leave a comment:
-
dann wäre die frage wohl wie man aus dem svg label ein input element macht ... bin noch zu noob dafür.
Leave a comment:
-
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
Leave a comment:
-
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" ...Zuletzt editiert von tpetersohn; 13.01.2019, 12:18.
Leave a comment:
-
Warum wird
last = checkboxes.indexOf(this);
am Ende der Funktion gesetzt, aber am Anfang versucht damit den Bereich zu definieren
Leave a comment:
-
Man klickt auf eine box und dann shift-klick auf eine andere. die dazwischen sollen automatisch ausgewählt werden
Leave a comment:
Leave a comment: