埋め込みSVGのイベントをドラッグアンドドロップしますか？

Question

Webページ内のSVG要素からドラッグ＆ドロップイベントを受け取る可能性はありますか？

Googleクローズライブラリを試しましたが、無駄です。具体的に

、マイページ

<ul id = "list"> 
    <li class="item" id="item1">foo</li> 
    <li class="item">bar</li> 
    <li class="item">baz</li> 
</ul> 

が含まれており、私のスクリプトは、（Clojurescript/C2）が含まれているとし

(let [items (select-all ".item") 
     lst (select "#list") 
     target (fx/DragDrop. lst nil)] 
    (dorun (map 
    (fn [item] 
     (let [source (fx/DragDrop. item nil)] 
     (. source (addTarget target)) 
     (. source (init)))) 
    items)) 
    (. target (init))) 

それから私は、私はしませんがは、ドラッグイメージ（ゴースト）を得るかドラッグイベントの受信を管理するSVG要素のために同様のコードを使用して

(on-raw "#item1" :dragstart (fn [e] (.log js/console (str "dragstart " e)))) 

を行うことで、私も幽霊を得ることはありません...

任意のヒントは？

おかげ

Answer 1

ドラッグイベントは、SVG要素でサポートされていません：​​。

ドラッグイベントをマウスイベントで偽装することができます。http://svg-whiz.com/svg/DragAndDrop.svg（ソースを表示）を参照してください。

Answer 2

いつでも実装できます。

this.isTouching = function(element){ 
     if(this.x <= element.x && element.x <= (this.x + this.width) && 
      this.y <= element.y && element.y <= (this.y + this.height)){ 
      return true; 
     }else{ 
      return false; 
     } 
    }; 

をそして、それはすべてのブラウザで動作します。基本的に、あなたがドラッグしているとき、要素が別のものに触れているかどうかを確認する必要があります。期待しています:)