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] 時間差で処理を行う(.delay)

時間差で処理を行うサンプルです。 サンプルソース 例)2秒後にクラス'abc'を適用する [crayon-5d32280 ...

[jQuery] 子要素を取得する(.find)

指定した要素の子要素(孫要素以下も含む)を取得するには、.find()を使用します。 サンプルソース 例)定義リストの子 ...

[jQuery] 子要素を取得する(.children)

指定した要素の子要素(直下のみ)を取得するには、.childrenを使用します。 サンプルソース 例)div#test要 ...

[jQuery] JSONデータを取得する

JSONデータを取得するサンプルです。 サンプルソース 例)ボタンを押すとtest.jsonを読込み、結果をコンソールに ...

[jQuery] 指定した要素の次以降にある兄弟要素を全て取得する(.nextAll)

指定した要素の次以降にある兄弟要素を全て取得するには、.nextAll()を使用します。 サンプルソース 例)ボタンを押 ...

スポンサーリンク