javascript - css3 转换后的元素未触发 onClick 事件

Question

//编辑我的大脑陷入了困境。一切正常，这个问题是错误的和过时的

如果我旋转一个元素并尝试单击具有绑定 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/

---

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