2012-02-08 11 views
0

以下のフィドルでは、ドラッグ&ドロップするときにクリックイベントがバブリングして「AddVertex」を呼び出すのを防ぐ方法を教えてください。 Raphael.JS、イベントのバブリングを防止する

は複製するには、次の文書上の

  1. をクリックして、別の頂点を作成すると呼ばれるマウスaddVertexを解放すると、頂点とドラッグに
  2. クリック(頂点を追加します)。

私はevent.stopPropogationの組み合わせを試してみました。

http://jsfiddle.net/paulsidebottom/YzN8K/

+0

(ドラッグ)を移動イベントの頂点は、新しい頂点を作成し、同じイベントではありません(クリック)ので、 'stopPropagation'はあなたを助けるつもりはありません –

+0

非常に良い点! +1 – Sidebp

答えて

3

私はそれがこれにそれを変更することで動作させることができました:

function addVertex(e) 
{ 
    if(e.target.nodeName !== 'circle'){ 
     paper.vertex(e.clientX, e.clientY); 
    } 
    console.log("Added vertex."); 
} 
+0

ありがとうございます - 完璧に動作します。 – Sidebp

+2

JSfiddleを投稿してくれてありがとうございました。正解を簡単に見つけ出すことができました。 – thedjpetersen

+1

JsFiddleを投稿すると、いつでもより良い回答が得られます。 –

関連する問題