detect mouse click accross the whole app

learningequality · Mar 19, 2024 · b6d9be7 · b6d9be7
1 parent 16b9002
commit b6d9be7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/kolibri/core/assets/src/kolibri_app.js b/kolibri/core/assets/src/kolibri_app.js
@@ -53,6 +53,12 @@ export default class KolibriApp extends KolibriModule {
     return {};
   }
 
+  handlePointerDown(event) {
+    if (event.pointerType === 'mouse' && localStorage.getItem('mouseUsed') !== 'true') {
+      localStorage.setItem('mouseUsed', 'true');
+    }
+  }
+
   setupVue() {
     // VueRouter instance needs to be defined to use vuex-router-sync
     if (!router._vueRouter) {
@@ -105,6 +111,10 @@ export default class KolibriApp extends KolibriModule {
         ...this.stateSetters.map(setter => setter(this.store)),
       ]).then(() => {
         this.startRootVue();
+        window.addEventListener('pointerdown', this.handlePointerDown.bind(this));
+        this.rootvue.$on('hook:beforeDestroy', () => {
+          window.removeEventListener('pointerdown', this.handlePointerDown.bind(this));
+        });
       });
     });
   }

diff --git a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
@@ -210,7 +210,7 @@
         return this.windowBreakpoint < 3;
       },
       usesTouch() {
-        return isTouchDevice;
+        return isTouchDevice && localStorage.getItem('mouseUsed') !== 'true';
       },
       itemRenderData() {
         return {