htmlで指定するinputタグのイベントハンドラのJavaScriptとAngularの比較

はじめに

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の比較した。
違いについて戸惑うことなく使えるようにしたい。