Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:selclick [13.04.2018 21:22] – Neu: present-Event admin
+++ de:create:questions:selclick [15.10.2025 21:53] (aktuell) – [Tastatur-Bedienung] admin
@@ Zeile 105: / Zeile 105: @@
+==== Teilfragen überspringen ====
+Die JavaScript-Methode ''skipItem()'' erlaubt es, die aktuelle Teilfrage zu überspringen.
+Das folgende Beispiel überspringt eine Teilfrage in der Auswahlabfolge "AA01", wenn die Leertase (Tastencode 32) gedrückt wird.
+<code javascript>
+<script type="text/javascript">
+window.addEventListener("keyup", function(e) {
+    if (e.keyCode == 32){
+        SoSciTools.questionnaire.AA01.skipItem();
+    }
+});
+</script>
+</code>
+==== Tastatur-Bedienung ====
+Die Methode ''selectOption()'' erlaubt eine Bedienung der Auswahlabfolge mittels Tastatur.
+Der folgende JavaScript-Code wählt beim Druck auf die Taste "1" (''keyCode'' 49) die Option mit dem Antwortcode 1 auf, mit der "2" die zweite Antwortoption und mit der "3" die dritte. Der Ziffernblock ist hier nicht abgebildet.
+Welche Taste welchen ''keyCode'' hat, können Sie z.B. auf folgender Internetseite testen:  [[https://keycode-visualizer.netlify.app/]]
+Bitte ersetzen Sie die Kennung "AA01" im folgenden JavaScript-Code durch die Kennung Ihrer Auswahlabfolge, welche auf derselben Seite wie der JavaScript-Code stehen muss.
+<code javascript>
+<script>
+window.addEventListener("load", function() {
+    function onKey(evt) {
+        let question = s2.AA01;
+        if (evt.keyCode == 49) {
+            question.selectOption(1);
+        }
+        if (evt.keyCode == 50) {
+            question.selectOption(2);
+        }
+        if (evt.keyCode == 51) {
+            question.selectOption(3);
+        }
+    }
+    window.addEventListener("keydown", onKey);
+});
+</script>
+</code>
+----
 Schlagwörter: Auswahlabfolge, Antwortoptionen, Reaktionszeiten.