javascript - css3 转换元素不触发事件 onClick

Question

//edit 我的脑子打结了。一切正常，这个问题是错误的和过时的

如果我 rotateY 一个 Element 并尝试单击具有绑定(bind) eventListener (onClick) 的元素，则事件不会触发(悬停也关闭)。如果我删除转换，事件将按预期触发。我知道，通过进行转换，元素只会出现在不同的位置，但“实际上仍处于其原始位置”。但是让一个人转换一个元素，但杀死它所有的 eventListeners 似乎是愚蠢的..？我应该深入研究什么方向？

Answer 1

不确定您使用的是原始 JavaScript 还是 jQuery，但我没问题:

---

div {
width: 50px;
height:50px;
Background: blue;
-WebKit-transform:rotate(45deg) translate(100px, 100px);
}

---

$('div').click(function(){
$(this).hide();
});

---

http://jsfiddle.net/JNM6x/

---

也许您可以发布您的代码？可能是其他事情给您带来了麻烦。