はじめに
inputタグで使えるイベントハンドラがJavaScriptとAngularどちらかによって異なる。TypeScriptはJavaScriptとほぼ同じように実装でき、本件についてはまったく同じである。
実装方法
JavaScriptとAngularの比較と、実際に動くコードを書いた。
htmlで指定するinputタグのイベントハンドラの比較
| クリック | 入力 | |
|---|---|---|
| JS/TS | onclick | oninput |
| Angular | (click) | (input) |
JavaScript
See the Pen inputタグのイベントハンドラ by C (@shinobear01) on CodePen.
Angular
おわりに
htmlからinputタグで使えるイベントハンドラのJavaScriptとAngularの比較した。
違いについて戸惑うことなく使えるようにしたい。