Intro <form> の onsubmit をフックして、入力された値を <input> から集めて送るといった処理はよくある。 このとき、 submit されたデータの収拾方法はいくつかある。 submit に限らず、そのイベントに付随する情報は、基本的にイベントオブジェクトに内包されている。 Form を例に、イベントオブジェクトを意識したコーディングについて解説する。 Form Submit Form が Submit されたことをフックして、処理を挟む場面はよくある。 HTML がこうであった場合。 <form id=login action=/login method=post> <fieldset form=login> <legend>Login</legend> <label for=username>Username</label> <input type=text

Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言っていた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれが動くというものだ。 ブラウザ上で何かを自動化したいと思うなら、最も簡単に実現できる便利な技術だろう。 似たような手法ではブラウザの Extension などもあるが、 Bookmarklet の良いところは一切誰にも邪魔されないというところだ。 開発者登録も、ストアへのアップロードも、難解なドキュメントを忖度して煩雑な設定ファイルを書く必要もない。 開発者ツールで、「こんなことできないかな」と