Click Event Raphael Element内で検出されない

Question

Raphael Jsでいくつかの図形を作成し、その図形にクリックイベントをバインドしようとしました。しかし、クリックはその図形の境界線/パス線でのみ検出されています。コードの部分 square = paper.rect（200,200,50,50）;これは、それが一般的にオーバーラップ問題である起こったとき：

  // square.click(function() { 
      //  console.log('clicked'); 
      // }) 
      $(square.node).click(function (evt) { 
       console.log('clicked'); 
      }); 

はcause.Pleaseあなたはページ上のHTMLの残りの部分を示し、より完全なサンプルが必要になります

Answer 1

要素内の「スペース」をクリックしたい場合は、それを塗りつぶす必要があります。

el.attr({ fill: 'red', opacity: 0.1 }); 

注意、あなたがバックグラウンドでも塗りつぶして、まだを通じて表示したい場合は、あなたが不透明0.0001または類似でそれを設定することができ、あなたはまだそれをクリックすることができるだろう。

Answer 2

を助ける識別することはできませんよ。 Raphaelキャンバスとスペースを共有するDOM要素があり、クリックイベントをインターセプトしている可能性があります。