HTMLは入力完了を検出する機能を実装する

• 入力が進行中かどうかを検出するには、「onInput(event)」を使用します
• コンテンツが変更されたかどうかを検出するには、onporpertychange="onChange(event)" を使用します。
• onBlur="finnishInput(event)"を使用してフォーカスが失われたかどうかを検出します。

まず入力中かどうかを検出し、その状態を記録します。前回入力中だったのにフォーカスが外れた場合は、入力が完了したと判断できます。

HTML コードは次のとおりです。

<tr style="background-color:#FFFFFF">
    <th>出張場所:</th>
    <td>
        <input class="form-control" onBlur="finnishInput(event)" "onInput(event)" onporpertychange="onChange(event)" id="travelLocationId" type="text" placeholder="旅行先">
    </td>
</tr>

JSコードは以下のとおりです

varフラグ = 0;
関数onInput(e){
  console.log("入力中");
  フラグ = 1;
}

関数finishInput(e) {
  if(1 == フラグ){
    console.log("入力OK");
    フラグ = 0;
  }
}

テスト後、入力が完了したかどうかを判定する機能が実現され、繰り返し使用できるようになります。

上記はエディターが導入した入力補完検出機能の HTML 実装です。皆様のお役に立てれば幸いです。ご質問がございましたら、メッセージを残していただければ、エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。
この記事が役に立ったと思われた方は、ぜひ転載していただき、出典を明記してください。ありがとうございます!