[Навыки разработки] · Завершена простая 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="travel location">
</td>
</tr>
Код JS выглядит следующим образом:
var flag = 0;
function onInput(e){
console.log("Inputing");
flag = 1;
}
function finnishInput(e) {
if(1 == flag){
console.log("InputOk");
flag = 0;
}
}
После тестирования реализована функция оценки того, завершен ли ввод, и ее можно использовать повторно.