From 37d4989c9b6fc3934b7f51517e448846048d2469 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Thu, 21 Mar 2024 11:14:59 +0800
Subject: added full page listening syntax and made everything that dont have
 it defaully only the elemnt

---
 src/js/2dtilt.js | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/js/2dtilt.js b/src/js/2dtilt.js
index 27d69344..179b1d36 100644
--- a/src/js/2dtilt.js
+++ b/src/js/2dtilt.js
@@ -1,5 +1,9 @@
-let target = document.getElementsByClassName("tilt")[0];
-let content = target.getElementsByClassName("content")[0];
+let target = document.querySelectorAll(".tilt")[0];
+try {
+    var tiltFullPageListening = target.dataset.tiltFullPageListening;
+} catch (TypeError) {
+    var tiltFullPageListening = undefined;
+}
 let isMouseOver = false;
 let centerX;
 let centerY;
@@ -26,16 +30,22 @@ function tiltEffect() {
 //check if mobile
 if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) || window.orientation > 1) {
 } else {
-
     target.addEventListener("mouseleave", () => {
         isMouseOver = false;
         target.style.transform = "";
     });
 
-    document.addEventListener("mousemove", function(event) {
-        mouseX = event.clientX;
-        mouseY = event.clientY;
-    });
+    if (tiltFullPageListening === undefined) {
+        target.addEventListener("mousemove", function(event) {
+            mouseX = event.clientX;
+            mouseY = event.clientY;
+        });
+    } else {
+        document.addEventListener("mousemove", function(event) {
+            mouseX = event.clientX;
+            mouseY = event.clientY;
+        });
+    }
 
     requestAnimationFrame(tiltEffect);
 
-- 
cgit v1.2.3