JavaScriptは、他の要素の下にある要素にmouseenterイベントを渡します。

Question

Googleカレンダーのような小さなカレンダーアプリを構築しようとしています。イベントをグリッドに合わせるために、クリックしてドラッグする機能を使ってイベントを作成しようとしています。私は の下に移動する（イベントを長くする）ときに動作するイベントDIV要素の下のTD要素にドラッグを結びつけようとしていますが、上向きに動きません（イベントを縮小する）。

何が起こるかは、イベントDIV要素に対してmouseenterイベントが発生しますが、潜在的なTDに対しては発生しません。上に移動してDIVのサイズを変更しようとすると、TDが実際にmouseenterイベントを受け取るためにDIVが動作します。

GoogleカレンダーとjQuery Week Calendarはmousemoveイベントを使用しますが、すべてのピクセルでmousemoveイベントが発生するため、無駄です。 mousemoveイベントを使用せずにこれを書く方法はありますか？

DIV要素をテーブルの後ろに置くことは可能ですか？テーブルがやや透過的であれば、ユーザはDIVを見ることができますが、TD上で実際にイベントを発生させることになります。私はz-indexでこれをやろうとしましたが、実際にはうまくいきませんでした。

jsFiddleコード例：

を使用すると、要素の後ろにイベントを発生します：http://jsfiddle.net/rockymeza/8SHpA/

Answer 1

あなたは私が持っていた問題の似たようなものを持っているように聞こえますか？答えはCSSです。ポインタイベントを設定する：なし;親に

タッチデバイスで同じ動作を実装しようとした（失敗した）テストをしました。問題の解決に役立つ場合はhttp://www.hakoniemi.net/misc/pointer-events.htmlで確認できます。