我有几个相互嵌套的 div。每个都有自己的 onclick 事件。所以，想象一下它就像一个三明治，底层是面包（这一层在地理上比嵌套在里面的面包层大），然后是生菜，然后是番茄。
所以，它看起来像这样：
---------------------------
| Bread |
| |
| ----------------------- |
| | Lettuce | |
| | | |
| | ------------------- | |
| | |Tomato | | |
| | | | | |
| | | <*click> | | |
| | | | | |
| | | | | |
| | ------------------- | |
| ----------------------- |
---------------------------
目前，当用户单击番茄时，它会触发番茄的正确序列，但随后事情就会出错。因为一旦它发射番茄，它就会递归地发射生菜，最后是面包。
我想它这样做是因为从技术上讲，用户确实在这些 div 中单击，但只是因为番茄嵌套在其中。
应该的方式是，如果用户单击三明治的番茄部分，那么它应该只触发番茄的事件。另一方面，如果用户点击番茄后面的生菜部分，那么它应该会触发生菜。
所以，我的问题是是否可以使 div 对于点击“不透明”，这样即使它们相互嵌套，也只有实际点击的 div 才会计数。