イベントハンドラを設定する

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関数で設定でき、連結して記述できる。