18910140161

JavaScript-如何防止所有按钮在循环中被点击?-堆栈溢出

顺晟科技

2022-10-18 13:52:37

205

因此,我想在单击“详细信息”按钮时显示一些详细信息。我使用了for循环来循环通过按钮,但它使得当我点击一个按钮时,其余的按钮也会被点击。我知道这是因为for循环。但是,我如何使用循环使所有按钮都可点击,但当我点击一个按钮时,又能防止所有按钮都被点击呢?我是JavaScript的超级新手。

<代码>函数showDetails(){对于(令I=0;我<;所有产品.长度;我++){const GetHiddenDescription=document.getElementsByClassName(";details";);GetHiddenDescription[I].style=";显示:块";console.log(";点击";);}}const getdetails=document.querySelectorAll(";.btn-details";);对于(令I=0;我<;所有产品.长度;我++){getDetails[I].addEventListener(";click";,showDetails);}

顺晟科技:

您可以通过使用事件侦听器回调中可用的可选参数(通常命名为 function showDetails() { for (let i = 0; i < allProducts.length; i++) { const getHiddenDescription = document.getElementsByClassName("details"); getHiddenDescription[i].style = "display: block"; console.log("clicked"); } } const getDetails = document.querySelectorAll(".btn-details"); for (let i = 0; i < allProducts.length; i++) { getDetails[i].addEventListener("click", showDetails); } )来选择触发事件侦听器的按钮,如下所示。

event
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航