translateZ

鼠標上/點擊事件沒有觸發我有一個a標記，它鏈接到另一個頁面。當用戶點擊此鏈接時，我有一個mouseDown事件觸發器，它將一個translateZ應用於元素。translateZ

奇怪的是，在translateZ之後，鼠標向上或點擊事件（依賴於mouseup）不會觸發。

似乎在Firefox中工作正常，但不是鉻。

這是顯示我的問題有點的jsfiddle：http://jsfiddle.net/8LMzb/9/

2012-08-01 Tim

http://stackoverflow.com/questions/15786891/browser-sometimes-ignores-a-jquery-click-event-during-a-css3-transform幫助了我。 – nilgun 2013-10-27 11:12:44

因爲這個工作在Firefox，我不太確信其Chrome錯誤，或預期的行爲..也不該修補程序是否會繼續工作。我所做的是，在mousedown事件被觸發之前，不會對視圖應用任何視角，這可以讓mouseup事件觸發，並且鏈接工作。

Relavent小提琴：http://jsfiddle.net/8LMzb/152/

來源

2012-08-01 19:58:10 Tim

這似乎是在的MouseDown tile.style.webkitTransform = "perspective(800px) translateZ(-30px)";（）事件中的錯誤。
translateZ(-30px)（NB參數與負像素量）之後，該元素無響應。如果你嘗試translateZ(30px)一切都會正常工作。

http://jsfiddle.net/8LMzb/142/

來源

2012-08-01 18:43:43 ted

如果你給父對象積極translateZ比受影響的孩子越多，環節可能已經重新開始工作，因爲他們可能已經得到了裁剪瀏覽器平面的下方。有時候這會導致整個翻譯過的divs也消失。

來源

2012-08-18 17:20:14 Richard

這對我很好！ :) – Remy 2012-11-26 14:08:35

我也是很好的工作，也值得指出，0的translateZ限定，它可以引入一個關於文本渲染的額外問題，雖然（我的文字稍微輕一些）。雖然我不在乎。 – Steve 2013-01-30 09:35:53

回答

相關問題