2

我正在嘗試構建一個類似Google日曆的小日曆應用程序。我正嘗試使用單擊和拖動功能創建事件,以便事件與網格對齊。我試圖 將拖動拖動到事件DIV元素下方的TD元素,該元素在向下移動(延長事件)時起作用,但無法向上移動(縮小事件)。JavaScript將mouseenter事件傳遞給另一個元素下面的元素

會發生什麼情況是鼠標事件是爲事件DIV元素觸發的,但它永遠不會爲底層TD觸發。如果您嘗試通過向上移動來調整DIV的大小,那麼它會起作用,因爲TD實際上會收到鼠標輸入事件。

Google日曆和jQuery Week Calendar使用mousemove事件,但每個像素都會觸發mousemove事件,這似乎很浪費。有沒有一種方法可以在不使用mousemove事件的情況下編寫它?

是否可以將DIV元素放在表格和TD之後?如果表格有點透明,用戶仍然可以看到DIV,但實際上會在TD上觸發事件。我試圖用z-index做到這一點,但它似乎並沒有實際工作。

的jsfiddle示例代碼:http://jsfiddle.net/rockymeza/8SHpA/

+1

當我對事件規範化感到沮喪時,我只是拔出了我稱之爲「jQuery」的標準函數和事件庫。 – zzzzBov

+0

@zzzBov我不認爲你理解我的問題,我實際上使用jQuery。這不是我正在運行的跨瀏覽器規範化錯誤。 – rockymeza

+0

你沒有標記jQuery。 – zzzzBov

回答

1

這聽起來像你有一個類似此類問題的,我有:

你想火的元素背後的事件?答案是CSS。設置指針事件:無;給父母。

我已經做了一個測試,我嘗試在觸摸設備上實現相同的行爲(失敗)。您可以在以下網址查詢:http://www.hakoniemi.net/misc/pointer-events.html是否可以幫助您解決問題。

+0

謝謝@zvona,如果我不需要支持IE,我會使用'pointer-events'。相反,我用'z-index:-1'去了。我想我可以在表格上使用'z-index:2',在div上使用'z-index:1',但我想這是行不通的。一個負面的'z-索引'似乎適用於我。 – rockymeza

相關問題