18910140161

javascript-js:addClass在单击时,removeClass在窗口单击时(或在div之外)-堆栈溢出

顺晟科技

2022-10-19 11:28:56

174

我正在尝试向元素“onclick”添加一个元素,然后在单击之后删除该元素。

classList

当我单击图像时,这将添加/删除,但无论我在哪里单击,我都希望删除它,以便多个img不能有相同的。我尝试添加元素,然后通过使用移除元素。这似乎超级简单,相当尴尬,我想不通。提前感谢您!


顺晟科技:

如果您的目标只是阻止多个映像具有该类,只需循环遍历所有映像并在事件侦听器中删除该类。

记得首先检查正在循环通过的图像是否是单击的图像,否则该类将永远不会被删除(该类被删除,但再次切换回来):

因为事件从事件目标一直上升到顶层元素,所以我们可以执行如下操作:

这意味着我们不是为每个图像添加一个事件侦听器,只是在主体上添加一个,然后如果您需要为其他元素(如按钮等)添加事件侦听器,您可以将它们包含在事件调度器函数中。

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