タグ

イベントとjQueryに関するreponのブックマーク (2)

  • jQueryによるフォームデータ取得方法のまとめ

    jQueryによるフォームデータ取得方法のまとめです。 フォームデータの取得で分かりにくいのは、セレクトボックス・ラジオボタン・チェックボックスの3種類ではないかと思われます。エントリーではこの3種類にターゲットを絞り、動作サンプルを用いて解説します。「$」は「jQuery」で記述しています。 2012.06.19追記:テキストフィールド・テキストエリアの取得方法も追加しました。 2014.05.11追記:チェックボックスの取得方法をattr()からprop()に変更しました。 ネットで検索したところ、まとまった記事がなかったので自作しました。なお、エントリーに掲載している方法以外にも色々なやり方があると思いますので、一例として参照して頂ければ幸いです。 1.セレクトボックスの値を変更したときに取得 セレクトボックスの値を変更したときに取得するには、changeイベントとval()を組

  • jQueryを使ってキーボードからの操作でイベントを実行させる方法|BLACKFLAG

    先日ここでも紹介した、Webページ内のコンテンツをキーボードから操作させる 「ASCENSOR.js」jQueryプラグインと同じ様に、 jQueryを使って、キーボードからのキー操作でページ上でイベントを実行させる 簡単なサンプルを作ってみたので紹介してみます。 「ASCENSOR.js」プラグインのように大掛かりなものではなく 今回のサンプルではキーボードの矢印キー「←」「→」「↑」「↓」を クリックしてそれぞれ個別のアクションを実行させる、という方法です。 キーボードのキーには個別にキーコードというものが割り当てられています。 矢印キーのそれぞれキーコードは —————————— 「→」・・・39 「←」・・・37 「↑」・・・38 「↓」・・・40 —————————— となっているのでこれらの値を元にアクションを実行させます。 jQueryでのキーボード操作のイベントは「keyu

    jQueryを使ってキーボードからの操作でイベントを実行させる方法|BLACKFLAG
  • 1