Javascript css3转换的元素未在单击时触发事件

Javascript css3转换的元素未在单击时触发事件,javascript,events,css,transform,css-transitions,Javascript,Events,Css,Transform,Css Transitions,//编辑我的大脑陷入了困境。一切正常,这个问题是错误的,过时的 如果我旋转一个元素并尝试单击该元素,它有一个绑定的eventListener(onClick),事件将不会触发(悬停也处于关闭状态)。如果删除转换,事件将按预期触发。 我知道,通过变换,元素只会出现在不同的位置,但“实际上仍处于其原始位置”。但让一个元素转换,却杀死它所有的事件监听器,这似乎很愚蠢。。?有什么我应该深入研究的方向吗?不确定您使用的是原始JavaScript还是jQuery,但我没有问题: 也许你可以发布你的

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

如果我旋转一个元素并尝试单击该元素,它有一个绑定的eventListener(onClick),事件将不会触发(悬停也处于关闭状态)。如果删除转换,事件将按预期触发。
我知道,通过变换,元素只会出现在不同的位置,但“实际上仍处于其原始位置”。但让一个元素转换,却杀死它所有的事件监听器,这似乎很愚蠢。。?有什么我应该深入研究的方向吗?

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






也许你可以发布你的代码?可能是别的什么东西给你带来麻烦。

哦,天哪,忘了做跨浏览器了。。。如果您使用的是Firefox或其他东西,只需更改供应商前缀即可。谢谢您的帮助!我的脑子乱七八糟。我有一个应该触发onClick的警报,但在我单击“阻止其他对话框”之前有其他警报触发。。所以一切都正常。谢谢你开动我的脑筋:)
div {
width: 50px;
height:50px;
Background: blue;
-WebKit-transform:rotate(45deg) translate(100px, 100px);
}
$('div').click(function(){
$(this).hide();
});