From f8a398d2373f0cc0e6d21c4a12e0dba5d499967a Mon Sep 17 00:00:00 2001
From: Hao Wang <hao.wang@westwell-lab.com>
Date: Sun, 7 Dec 2025 03:34:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E5=9C=A8switchCamer?=
 =?UTF-8?q?aNumber=E5=87=BD=E6=95=B0=E4=B8=AD=E6=B7=BB=E5=8A=A0event?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=EF=BC=8C=E6=9B=B4=E6=96=B0HTML=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/templates/index.html | 18 +++++++++---------
 static/js/app.js         |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index 22dfcd3..383dc93 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -34,15 +34,15 @@
             <div class="camera-controls-combined" id="controls-{{ camera.id }}">
                 <button class="cam-btn" onclick="refreshCamera({{ camera.id }})">刷新</button>
                 <button class="cam-btn cam-btn-fullscreen" onclick="toggleFullscreen({{ camera.id }})">全屏</button>
-                <button class="selector-btn active" onclick="switchCameraNumber({{ camera.id }}, 'mixed')">混合</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 0)">0</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 1)">1</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 2)">2</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 3)">3</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 4)">4</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 5)">5</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 6)">6</button>
-                <button class="selector-btn" onclick="switchCameraNumber({{ camera.id }}, 7)">7</button>
+                <button class="selector-btn active" onclick="switchCameraNumber(event, {{ camera.id }}, 'mixed')">混合</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 0)">0</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 1)">1</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 2)">2</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 3)">3</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 4)">4</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 5)">5</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 6)">6</button>
+                <button class="selector-btn" onclick="switchCameraNumber(event, {{ camera.id }}, 7)">7</button>
             </div>
         </div>
         {% endfor %}
diff --git a/static/js/app.js b/static/js/app.js
index b5b7ff4..ef0ac24 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -47,7 +47,7 @@ function toggleFullscreen(cameraId) {
     }
 }
 
-function switchCameraNumber(cameraId, cameraNumber) {
+function switchCameraNumber(event, cameraId, cameraNumber) {
     const frame = document.getElementById(`frame-${cameraId}`);
     const controls = document.getElementById(`controls-${cameraId}`);
     const buttons = controls.querySelectorAll('.selector-btn');