script.aculo.usのDraggableにイベントフックを追加する方法

JavaScript

エレメントをドラッグ＆ドロップ可能にするDraggableでイベントフックを追加する仕方の自分用メモ

var YourObserver = Class.create();
YourObserver.prototype = {
  initialize: function() {
    //初期化時の処理
  },
  onStart: function(eventName, draggable, event) {
    //ドラッグスタート時のイベント
  },
  onDrag: function(eventName, draggable, event) {
    //ドラッグ時のイベント
  },
  onEnd: function(eventName, draggable, event) {
    //ドロップ時のイベント
  }
}
Draggables.addObserver( new YourObserver() ); //オブザーバの登録


あと、onStart、onDrag、onEnd内で対象のエレメントには

draggable.element

でアクセスできます。

参考

http://blog.takeda-soft.jp/blog/show/72