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] ページロード完了時に処理を行う

ページロード完了時に処理を行うには、readyを使います。 サンプル 例)ページロード完了時にアラートを表示する [cr ...

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

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

[jQuery] セレクトボックスにoptionを追加する

セレクトボックスにoptionを追加するサンプルです。 サンプルソース 例)ボタンを押すと、セレクトボックスに要素を追加 ...

[jQuery] 自作プラグインを別ファイルにする

jQueryの自作プラグインを別ファイルにするサンプルです。 サンプルソース コードを以下のように別ファイルで作成してj ...

[jQuery] 属性を削除する(.removeAttr)

属性を削除するには、removeAttrを使います。 サンプルソース 例)ボタンを押すと、テキストボックスのplaceh ...

スポンサーリンク