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] テキストのカーソル位置を取得する(.selectionStart)

テキストボックスのカーソル位置を取得するサンプルです。 サンプルソース [crayon-5e230f06c8a90127 ...

[jQuery] 要素にイベントを一度に複数追加する(.on)

要素にイベントを一度に複数追加するには、.onを使用します。 サンプルソース 例)id="txt1"要素にイベントを複数 ...

[jQuery] アコーディオン風に開くメニューを作る

アコーディオン風に開くメニューのサンプルです。 サンプルソース 例)アコーディオン風に開くメニュー [crayon-5e ...

[jQuery] 要素にclassを追加、削除する(.addClass、.removeClass、.toggleClass)

jQueryで要素にclassを追加や削除をするには、 addClass、removeClass、toggleClass ...

[jQuery] CDNでjQueryを使う

jQueryを使うにはjQueryモジュールをダウンロードして使うのが一般的ですが、CDNを利用すればjQueryモジュ ...

スポンサーリンク