[解決済み] React.jsでテキスト入力のchange/focusOutイベントを正しくキャッチする方法とは?
2022-05-16 12:45:47
質問
フォームを作成し、その中で 変更 イベントを処理したいのですが、React onChange でトリガーされる キーダウン (をトリガーします(ネイティブJSとは逆です。 変更 イベントを発生させます。 アウトオブフォーカス ).
はあるのでしょうか? React の方法 はありますか?
どのように解決するには?
入力がフォーカスを失ったときだけ検証を行いたい場合は、次のようにします。 オンブラー .
ReactはonFocusInとonFocusOutの代わりにonFocusとonBlurを使用します。すべての React イベントはバブルに正規化されているため、onFocusIn と onFocusOut は React では必要ない/サポートされていないのです。 2
関連
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] どのDOM要素にフォーカスがあるかを調べるには?
-
[解決済み] JavaScriptやデバッグでDOMノード上のイベントリスナーを見つけるには?
-
[解決済み] setStateを呼び出さずにReactコンポーネントを強制的に再レンダリングすることは可能ですか?
-
[解決済み] レンダリング後に入力フィールドにフォーカスを設定するには?
-
[解決済み] 入力にフォーカスがあるかどうかをテストするためにjQueryを使用する
-
[解決済み] input type="text "でonchange as-you-typeを追跡する最良の方法?
-
[解決済み] ドット記法の文字列を使用してオブジェクトの子プロパティにアクセスする [重複].
-
[解決済み] リアクトのシャローコンパールはどのように機能するのか
-
[解決済み] JavaScriptの関数の順番:なぜそれが重要なのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] AngularJSのエラーです。Cross Origin リクエストはプロトコルスキーム http, data, chrome-extension, https に対してのみサポートされています。
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] selectタグのngModelの変更を検出する方法(Angular 2)?
-
[解決済み] jQuery UI - 外でクリックされたらダイアログを閉じる
-
[解決済み] SVG のテキスト要素の幅を取得する
-
[解決済み] JavaScriptでクエリ文字列が存在するかどうかを確認するには?
-
[解決済み] Firebase用Cloud Functionsのトリガーは時間通り?
-
[解決済み] Reactjsで入力にフォーカスが当たったとき、すべてのテキストを選択するには?
-
[解決済み] jQuery ui ダイアログのロードコールバック後にタイトルを変更する