通常の CSS フローの観点から位置がずれている要素が 1 つあります (絶対位置があります)。これは、他の要素の領域を覆い隠すことを意味します。
私が欲しいのは、下の位置にある要素が、隠れている要素で発生したときにマウスイベントを受け取ることです。
注意: 私は css を使用したくありません。pointer-events: none
なぜなら、隠れているオブジェクトでマウス イベントを確認する必要があるからです。
例を参照してください:
「three」要素がマウスイベントを受け取るようにします。
追加情報/動機: Jquery UI でドラッグ/ドロップ機能を実装しようとしています。"two" 要素は "one" から "three" タイプの要素にドラッグされます。
要素 (例では要素 "two") のドロップは、隠蔽された要素 ("three") の上で発生する必要があります。「2」をドロップできる要素が複数ある可能性があります-ドロップされた要素をイベントで検出したい.
イベントはmouseup
私が検出しているものであり、ハンドラーは要素「3」にアタッチされています。現在、dom で "one" の後ではなく "three" が "one" の前に現れると、動作に変化があるようです! なぜこれが起こるのか分かりません。