ねこでじ(Nekodigi)

Nekodigi’s diary

学習中の気づきをまとめています。応援よろしくお願いします

【JavaScript】文字にマウスオーバーを設定する。

成果物

See the Pen xxbLKae by KrGit3 (@krgit3) on CodePen.

さあ!Nekodigiに染まろう!

失礼いたしました。

JavaScriptでは、文字のマウスオーバーも数行で書くことができるようです。

仕組み

単語ごとに、Spanを作り、そのSpanにマウスオーバーイベントを設定しているようです。/\w+/は正規表現というものらしく、\w+は英単語を区切るという意味で、()を付けると、区切り文字も残して分割してくれるようです。pythonやほかの言語にもあるようです。

CodingTrainを見て作りました、詳しい解説はこちらをご覧ください。

www.youtube.com