templates: Disable enter key and right mouse button

matevz · Oct 8, 2024 · 62a294c · 62a294c
1 parent 81e3d35
commit 62a294c
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/notecheck/static/notecheck/disable_enter.js b/notecheck/static/notecheck/disable_enter.js
@@ -0,0 +1,11 @@
+window.addEventListener('keydown',function(e) {
+    if (e.keyIdentifier=='U+000A' || e.keyIdentifier=='Enter' || e.keyCode==13) {
+        if (e.target.nodeName=='INPUT' && e.target.type=='text') {
+            e.preventDefault();
+
+            return false;
+        }
+    }
+}, true);
+
+document.addEventListener('contextmenu', event => event.preventDefault());
diff --git a/notecheck/templates/notecheck/grid.html b/notecheck/templates/notecheck/grid.html
@@ -9,6 +9,7 @@
         <title>{{ submission.token.title }} - NoteCheck</title>
         <link rel="bookmark icon" type="image/png" href="{% static 'notecheck/favicon.ico' %}"/>
         <link rel="stylesheet" type="text/css" href="{% static 'notecheck/style.css' %}">
+        <script src="{% static 'notecheck/disable_enter.js' %}" type="text/javascript"></script>
     </head>
     <body>
         <h1>{{ exercise.get_title }}</h1>

diff --git a/notecheck/templates/notecheck/playnotepitch.html b/notecheck/templates/notecheck/playnotepitch.html
@@ -9,6 +9,7 @@
         <title>{{ submission.token.title }} - NoteCheck</title>
         <link rel="bookmark icon" type="image/png" href="{% static 'notecheck/favicon.ico' %}"/>
         <link rel="stylesheet" type="text/css" href="{% static 'notecheck/style.css' %}">
+        <script src="{% static 'notecheck/disable_enter.js' %}" type="text/javascript"></script>
         <script src="https://unpkg.com/aubiojs"></script>
         <script lang="javascript">
 

diff --git a/notecheck/templates/notecheck/scales.html b/notecheck/templates/notecheck/scales.html
@@ -9,6 +9,7 @@
         <title>{{ submission.token.title }} - NoteCheck</title>
         <link rel="bookmark icon" type="image/png" href="{% static 'notecheck/favicon.ico' %}"/>
         <link rel="stylesheet" type="text/css" href="{% static 'notecheck/style.css' %}">
+        <script src="{% static 'notecheck/disable_enter.js' %}" type="text/javascript"></script>
     </head>
     <body>
         <h1>{{ exercise.get_title }}</h1>