IDが’drop_here’の要素にdragenter、dragleave、dropイベントのハンドラを設定する。
$( '#drop_here' ).bind( 'dragenter', function ( event ) {
/* ここにdragenter(ドラッグ状態でカーソルが要素内に入った)時の処理を記述 */
} ).bind( 'dragleave', function ( event ) {
/* ここにdragleave(ドラッグ状態でカーソルが要素の外へ出た)時の処理を記述 */
} ).bind( 'drop', function ( event ) {
/* ここにdrop時の処理を記述 */
} );
jQueryは、clickやchange関数のようにHTML標準のイベントハンドラ用の関数を用意しているが、用意されていない関数はbind関数で設定でき、連結して記述できる。