タグ

ブックマーク / www.tam-tam.co.jp (2)

  • jQuery のバブリング、preventDefault() や stopPropagation() の使用例 | Tips Note by TAM

    2014.06.16 jQuery のバブリング、preventDefault() や stopPropagation() の使用例 jQuery のイベントのバブリング (伝播) については下記のサイトがほんとに分かりやすくて、読んでいただければもうあらためて書くことはないのですが、 jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」について (ふじこのプログラミング奮闘記 3行でまとめると、 クリックなどのイベントは、子要素から親要素へと伝播される(バブリング) preventDefault() は、その要素のイベントをキャンセルし、stopPropagation()は、親要素への伝播をキャンセルする。 return false; を使うと、その要素のイベントも親要素への伝播も両方キャンセルす

    jQuery のバブリング、preventDefault() や stopPropagation() の使用例 | Tips Note by TAM
  • フォームで無効な日付を選択させない | Tips Note by TAM

    日付を選択するボックスが年、月、日と分かれていた場合、 無効な日付を選択することができてしまいます。(2月31日など) Javascriptを利用して選択できないようにする方法を紹介します。 今回は無効な日付を選択した場合は、選択したボックスを空にしています。 応用すればアラートを出す、またはエラーテキストを表示するなどができると思います。 処理の流れは選択した値を変数「y、m、d」に入れ、すべて選択されていたらDate()に選択値を入れる。 Date()で取得した日付をdsに入れ、年、月、日を取得する ※getFullYear()、getMonth()、getDate() 選択値とDate()で取得した値(ds)を比較して、一致していなければ選択したselectのvalueを空にする。 ※4月31日は5月1日になって返ってくるので、存在しないことが判定できます。 function dat

    フォームで無効な日付を選択させない | Tips Note by TAM
  • 1