【Raphael.js】Raphaelエレメントにクリックイベントを追加する

click関数

Raphaelエレメントをクリックした時のイベントを追加する方法です。この辺は比較的親切な設計になってますね。click関数の引数にハンドラを渡すだけでOKです。

実行結果

FullScreen http://jsfiddle.net/nekosmash/V2MBB/embedded/result/

解説

クリックすると、敏感なメッセージが表示されます。ただし、HTMLエレメントが前面にある場合は、イベントを拾う事はできません。

Element.click(handler);

• Element: クリックイベントを付与するRaphaelエレメント
• handler: クリックイベント時に実行される関数
• 返り値: クリックイベントを付与されたRaphaelエレメント