jQuery

[jQuery] イベントをバインドする(.bind)

投稿日:2018年11月3日 更新日:

指定した要素にイベントをイベントをバインドするには、.bindを使用します。

サンプルソース

例)要素d1に対してclickイベントをバインドする

【主要イベント】
clickクリックイベント
dblclickダブルクリックイベント
focusinフォーカスインイベント
focusoutフォーカスアウトイベント
submitSUBMITイベント
mouseleaveマウスリーブイベント

解説

  • イベントバブリング(引き続き呼ばれるイベントや処理)を中止したい場合は、
    return falseを指定します。
  • 要素が対応していないイベントを指定した場合は無視されます。
    (div要素にfocusinを指定した場合など)
  • ちなみに、bind、unbindは非推奨となっています。
    (on、offを使用してください)

関連項目


スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 要素が空かどうか判定する($.isEmptyObject)

jQueryで要素が空かどうか判定するには、$.isEmptyObject()を使用します。 サンプルソース 例)変数o ...

[jQuery] 配列から重複要素を取り除く($.unique)

jQueryで配列から重複要素を取り除くには、uniqueを使用します。 サンプルソース 例)配列から重複要素を取り除い ...

[jQuery] プラグインを自作する

jQueryのプラグインを自作するサンプルです。 構文 プラグインは以下の構文で記述します。 (構文) (functio ...

[jQuery] 子要素に指定した要素を持っているか判定する(.has)

子要素に、指定した要素を持っているかどうか判定するには、hasを使用します。 サンプルソース 例)子要素にpを持っている ...

[jQuery] 要素を削除する(.empty)

要素を削除するには、.empty()を使用します。 サンプルソース 例)ボタンを押すとid="list1"要素を削除する ...

スポンサーリンク