可互相点击的叠加元素

时间:2016-07-06 01:29:27

标签: javascript events onclick overlay blocking

好的,所以我找到了很多不太适合我需要的答案。这是我的场景:我有一个javascript / html / css的应用程序。我有两个可独立旋转的重叠元素(在这种情况下都是svg),它们都具有需要可点击的元素,这些元素随着两个元素的旋转而围绕它们的周边移动。一层有7个可点击点,另一层有12个可点击点,两个点基于设置旋转目标度的onclick事件旋转到给定点。只需点击(即两个svg中每个上的圆形半径边缘处的小透明圆圈)。我的问题是,无论我放在顶层的哪个层工作,但另一层上的按钮然后停止工作,显然被另一个背景阻挡。我已经尝试搞乱各种指针事件和StackOverflow上的一些其他想法,但所有结果都有相同的结果:一组按钮不起作用。它们需要位于不同的图层上,因此当它们实时旋转时,旋转会将它们置于正确的位置。任何想法都会受到欢迎。我正在寻找一个不需要库(包括jquery)的答案,但是如果它可以用jquery完成,那么它可以在没有jquery的情况下完成 - 如果我能找到方法的话。任何想法?

1 个答案:

答案 0 :(得分:0)

@dandavis就在这里,除了我认为他的意思是说指针事件:auto。只是注意到那里不是官方的回答'发布。现在,标记这一个,但如果你想重新发布作为答案,Dan,我很乐意将其标记为已接受的答案。