Java Script

今回は正規表現における「パターン」について見ていきましょう。文字クラスやメタ文字など、すでに見てきたものですが、実際の書き方、動作を確認しながら学習してください。一見、難しそうですが、実際にコードを書いみると理解しやすいと思います。文字クラ...

今回は、正規表現で使用出来るメソッドについてご紹介させて頂きます。フラグと組み合わせて使うことにより、様々なパターンの結果を得ることが出来ますので、それぞれの違いをしっかりと学んでおきましょう。exec メソッド基本「exec()」は、指定...

今回から「正規表現」についてご紹介させて頂きます。「正規表現」について詳しくご紹介すると、膨大な量になってしまい、かえってよく分からなくなってしまう可能性がありますので、可能な限り基本的な操作に絞ってご説明させて頂きます。まずは正規表現の基...

今回は、今までご紹介していない、様々なイベントについて見ていきます。簡単な紹介になりますが、それぞれ使用する機会はあると思いますので、しっかりと学習していきましょう。focus と blur「focus」は、要素がフォーカスを受け取った時、...

今回は、「キーイベント」と「スクロールイベント」について見てみましょう。説明は難しくありませんが、実際のプログラムで利用すると、意外とつまずきやすいイベントです。keydown と keyup名前のとおり、「keydown」はキーが押された...

今回は、「マウスの移動」に関するイベントについて見ていきましょう。前回学習したクリックイベントとはまた違う動作になりますので、しっかりと学習していきましょう。mousemove「mousemove」は、要素内でマウスが移動したときに発生しま...

今回は「マウスイベント」について見ていきましょう。実は今まですでにマウスイベントを沢山見てきています。殆どの記事で紹介した「click」イベントもマウスイベントの一つです。「click」イベント以外にもマウスイベントは沢山ありますが、ここで...

今回は「カスタムイベント」について見ていきましょう。カスタムイベントとは、名前のとおり、カスタムしたイベント、つまりユーザーが定義したイベントのことになります。イベントを作成するlet event = new Event(event typ...

今回は、イベントを実行する際に「動作をキャンセルする」方法について見ていきましょう。キャンセルする方法は大きく分けて2種類あり、「ブラウザのデフォルトの動作をキャンセルする」方法と、「イベントが伝わるのをキャンセルする」方法があります。ここ...

今回は、「キャプチャリング」と「バブリング」について見ていきましょう。少し、聞き慣れない言葉ですが、HTML内でイベントが発生したときに、その要素だけでなく、他の要素にどのように伝わっていくのかを表した言葉になります。概念としてはとても重要...