Update cart-builder.html

Author: Shen-wb

barcode-scanner-api-samples/scan-multiple-barcodes/cart-builder.html

@@ -120,6 +120,7 @@ <h2>Simulated Shopping Cart</h2>
   </div>
 
   <script>
+    const dragDiv = document.getElementById("floatingDiv");
     // Function to initialize and launch the barcode scanner
     async function startScanner() {
       // Create a new instance of Dynamsoft BarcodeScanner with configuration options
@@ -225,7 +226,6 @@ <h2>Simulated Shopping Cart</h2>
         .addEventListener("click", startScanner);
 
       // Make the Floating Div Draggable
-      const dragDiv = document.getElementById("floatingDiv");
       let offsetX = 0,
         offsetY = 0,
         isDragging = false;
@@ -252,15 +252,20 @@ <h2>Simulated Shopping Cart</h2>
       });
 
       document.addEventListener("touchmove", (e) => {
-        e.preventDefault();
         if (isDragging) {
+          e.preventDefault();
           dragDiv.style.left = `${e.touches[0].clientX - offsetX}px`;
           dragDiv.style.top = `${e.touches[0].clientY - offsetY}px`;
         }
       }, { passive: false });
 
       document.addEventListener("touchend", () => (isDragging = false));
     };
+
+    window.addEventListener("orientationchange", () => {
+      dragDiv.style.left = "10%"
+      dragDiv.style.top = "40%"
+    })
   </script>
 </body>