Merge pull request #2 from ZnS77/feature/customizedDisable

app.py

@@ -186,9 +186,9 @@ if __name__ == "__main__":
                               open=False):
                 gr.Markdown(SDG_DETAILS)
         # initialization of different group contents
-        group_a_content = gr.Group(visible=False)
-        group_b_content = gr.Group(visible=False)
-        group_c_content = gr.Group(visible=False)
+        group_a_content = gr.Group(visible=False, elem_id="group-a")
+        group_b_content = gr.Group(visible=False, elem_id="group-b")
+        group_c_content = gr.Group(visible=False, elem_id="group-c")
 
         
         
@@ -252,6 +252,7 @@ if __name__ == "__main__":
             
 
         with group_b_content:
+            # gr.HTML("<p>Group B Content</p>")
             with gr.Row():
                 create_initial_btn = gr.Button("Create")
             with gr.Row():

html_codes.py

@@ -1,17 +1,30 @@
 no_copy_paste_js = """
 function disableCopyPaste() {
-    // 禁用复制
-    document.addEventListener('copy', (event) => {
-        event.preventDefault();
-        alert('Copy has been disabled.');
+    // Disable copy-paste globally
+    document.addEventListener("copy", function (e) {
+        const target = e.target.closest("#group-b");
+        console.log("Copy event target:", e.target, "Closest group-b:", target);
+        if (!target) {
+            e.preventDefault();
+            alert("Copy is disabled");
+        }
     });
 
-    // no paste
-    document.addEventListener('paste', (event) => {
-        event.preventDefault();
-        alert('Paste has been disabled, please type your original answer.');
+    document.addEventListener("cut", function (e) {
+        const target = e.target.closest("#group-b");
+        if (!target) {
+            e.preventDefault();
+            alert("Cut is disabled");
+        }
     });
 
+    document.addEventListener("paste", function (e) {
+        const target = e.target.closest("#group-b");
+        if (!target) {
+            e.preventDefault();
+            alert("Paste is disabled");
+        }
+    });
 }
 """