폼서브밋시 해당위치 확인?
본문
자바스크립트로 폼 서브밋 하려는데요
인풋박스 4개 정도에서 엔터치면 전송이 됩니다.
필수 항목등 체크 등은 다해서 넘어가는데요..
궁금한 부분은
해당 인풋박스 에서 어느 위치에서 엔터를 쳤는지 확인이 가능한가요?
e.target
e.currentTarget 등으로 해봐도 타겟이 폼만 가르쳐서 --;
혹시 인풋박스 엔터치는 위치 찾기가 가능할가요?
<form id="testFrm" name="testFrm">
<input type="text" name="test1" value="">
<input type="text" name="test2" value="">
<input type="text" name="test3" value="">
<input type="text" name="test4" value="">
</form>
<script>
const formSubmit = document.querySelector("#testFrm");
formSubmit.addEventListener("submit", e=>{
console.log(e.target);
console.log(e.currentTarget);
// 엔터치는 인풋 이름 확인?
});
</script>
답변 1
<form name="form1">
<input type="hidden" name="last_focus">
<input type="text" name="input1" onfocus="document.form1.last_focus.value = this.name">
<input type="text" name="input2" onfocus="document.form1.last_focus.value = this.name">
<input type="text" name="input3" onfocus="document.form1.last_focus.value = this.name">
<input type="text" name="input4" onfocus="document.form1.last_focus.value = this.name">
</form>
이렇게 해서 last_focus 값 가져와보시면 어떨지 ㅎㅎ 제 생각임다
답변을 작성하시기 전에 로그인 해주세요.
