HTML CSSまたはJavaScriptクリックスループロパティはありますか？

Question

たとえば、ドラッグアンドドロップのシナリオでは、私がドラッグしているもののonmouseoverを使用できるのが大好きですが、残念ながら、デザインにはゴースト（ドラッグされているもののコピー）が必要ですマウスポインタの領域だから、カーソルはゴーストの上にマウスを重ねていきます。

Answer 1

は、使用することができますpointer-events: none;

• jsfiddle.net Example

• Original Post from pixelastic.com

1つのHTML要素が他の上にあります1つ（012を位置付けるときのように要素はposition:absoluteを使用しています）、通常、上部の要素 をクリックして下部の要素にアクセスすることはできません。

これは、 Flickrのような一部のサイトによる画像の右クリックを防止するための一般的な 技術として使用されています。彼らは、画像上に空の透明なdivを追加して、 にラムダユーザが右クリックして画像を保存しないようにします。

複雑なデザインを統合するときに、追加の レイヤーが必要になることもありますが、ユーザーがクリックしてもらえないように、 のようにします。

クリックイベントが要素を通過できるようにするには、pointer-events:none css プロパティを使用してください。

これはFirefox 3.6以降、ChromeとSafariでのみサポートされている です。

Answer 2

jQueryを使用できますか？もしそうなら、ドラッグイベントとドロップイベントの両方を処理するためにjQuery UIを調べます。あなたがドロップした場所を混乱させることなくドラッグしているもののゴーストコピーを作ることができるからです。

偽のゴーストコピーを表示できるドラッグの視覚的なフィードバック。 - http://jqueryui.com/demos/draggable/#visual-feedback

あなたが払拭可能な領域にカーソルを置いたときの視覚的なフィードバック。 - Firefoxの3.6以降、ChromeとSafariのためにhttp://jqueryui.com/demos/droppable/#visual-feedback