-
React contenteditable イベント処理
React. js で contenteditable 属性を持つ要素の変更を検知するには、通常、onChange イベントを使用します。しかし、contenteditable 要素は、ブラウザのデフォルトの入力処理を使用するため、直接 onChange イベントを扱えないことがあります。
-
contenteditable 要素のカーソル位置設定
contenteditable 属性を持つ要素は、ユーザーが直接編集できるテキスト領域として機能します。JavaScriptを使用して、この要素内のキャレット(カーソル)の位置をプログラム的に設定することができます。要素を取得 document
-
Angular 2 で ViewChild と Renderer2 を使って contenteditable な div 要素を扱う
そこで、contenteditable な div 要素と ngModel を双方向バインディングするには、カスタムディレクティブを作成する必要があります。以下のコードのように、EditableDivDirective という名前のカスタムディレクティブを作成します。