簡體   English   中英

第二次單擊時如何更改單擊 function

[英]How can i change click function when clicked second time

基本上我得到的動態按鈕具有相同的點擊事件。 當我單擊不同的按鈕時,我必須顯示一些不同的面板。 我這樣做了,但用戶/我無法隱藏我出現的面板。 所以我想如果我可以學習讓我們說我有第一按鈕和第二按鈕,當他們點擊他們將顯示他們的特定面板我完成了但是當我第二次點擊第一或第二按鈕時我想隱藏該按鈕的面板。

(只有一個面板我寫了特定按鈕的內容)

  • 有動態按鈕
  • 所有動態按鈕都有相同的點擊事件
  • 所有按鈕都必須顯示相同的面板但內容不同
  • 想了解如何知道第二次點擊了哪個動態按鈕
  • 使用 Delphi TMS Web

所以我可以隱藏面板

您可以只查找元素(卡)的外觀(顯示)state 並使用if條件檢查來切換 function 的流程,如下所示:

 const element = {style: {display: 'none'}} function toggleCard(element){ if(element.style.display === 'none'){ element.style.display = 'block' //more code } else{ element.style.display = 'none' //more code } } toggleCard(element) console.log(element.style.display)

我建議使用 javascript function 如果你想讓多個按鈕做同樣的事情,這是最好的選擇

我的解決方案:

 function changeobj(objid) { let displaytypes = { "none": "inline", "inline": "none" }; let obj = document.getElementById(objid); if (obj) { obj.style.display = displaytypes[obj.style.display] || "none"; } }
 <body style="background-color: darkcyan;"> <button onclick="changeobj('test')">toggleview</button> <br> <h id="test">test</h> </body>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM