如何在第二次点击时更改点击功能

fjaof16o 于 2022-09-21 发布在其他

关注(0)|答案(2)|浏览(158)

基本上，我得到的动态按钮有相同的点击事件。当我点击不同的按钮时，我必须显示一些不同的面板。我这样做了，但用户/我无法隐藏我显示的面板。所以我想如果我可以学习，假设我有第一个按钮和第二个按钮，当他们点击时，他们会显示他们的特定面板，我完成了，但当我第二次点击第一个或第二个按钮时，我想隐藏那个按钮的面板。

(我只有一个面板写进了特定按钮的内容)

具有动态按钮
所有动态按钮都有相同的点击事件
所有按钮必须显示相同的面板，但内容不同
想了解如何知道第二次点击哪个动态按钮
使用Delphi TMS Web

这样我就可以隐藏面板

delphi

来源：https://stackoverflow.com/questions/73730916/how-can-i-change-click-function-when-clicked-second-time

2条答案

按热度按时间

az31mfrm1#

我建议使用一个Java脚本函数，如果你想让多个按钮做同样的事情，这是最好的选择

我的解决方案是：

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>

赞(0）回复(0）举报 2022-09-21

igetnqfo2#

您只需查看元素(卡片)的外观(显示)状态，并使用**if**条件检查切换函数流程，如下所示：

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)

赞(0）回复(0）举报 2022-09-21

我来回答

如何在第二次点击时更改点击功能

2条答案

相关问题

热门标签

最新问答