Atreyu
110
2018-08-10 17:13:04
7
108

Enter 키 이벤트 질문드립니다.


안녕하세요.

프로젝트 진행 중 궁금증이 생겨서 질문드립니다.

해당 input창에 금액을 넣고 엔터를 누르면 확인(Submit)을 실행시키는 부분을 작업중이었습니다.

근데 신기한게 제 local에서는 정상적으로 동작하는데 개발서버에 올려서 하니 해당 이벤트가

동작을 했다가 안했다가 합니다. 한 10번하면 4~5번은 동작했다가 안하는 식입니다.

keyup, keydown, keypress로 잡아내지 못합니다.

jquery와 html 부분에 넣어서 둘다 해봤지만 여전히 개발서버에서만 똑같은 증상이구요.

디버깅해도 잡히질 않네요; 혹시 이런 부분 버그라던지 이슈 혹은 해결책을 알고 선배님이 계시면

알려주시면 감사하겠습니다!

$('#owo_price').keyup(function(e) {
if(e.keyCode == 13) {
goPriceSubmit();
}
});
<input type="text" id="owo_price" name="owo_price" value="" style="width:120px; text-align: right;" numberonly="true"
onkeyup="if(event.keyCode==13){goPriceSubmit();}" onkeydown="if(event.keyCode==13){goPriceSubmit();}" onkeypress="if(event.keyCode==13){goPriceSubmit();}"/>
0
0
  • 답변 7

  • 냉동참치
    210
    2018-08-10 17:19:29

    애시당초 해당 input태그를 왜 form안에 안넣으신건지 궁금합니다.

    form안이라면 이런 처리 자체가 필요없을텐데요.

    0
  • Atreyu
    110
    2018-08-10 17:28:43

    무슨 말씀이신지.. 저쪽은 이벤트가 걸려있는 부분만 보여드린거고 form안에 들어가 있습니다.

    그럼 form안에 있다면 어떻게 처리하면 되는 건가요?

    0
  • 냉동참치
    210
    2018-08-10 17:29:59

    form안에 들어가있다면 keyup등이 없어도 자동으로 submit처리가 되어야 정상입니다.

    form태그 자체에서 submit을 막고있는건 아닌가요?

    아니면 input과 실제 submit할려는 form이 다른건가요?

    0
  • 냉동참치
    210
    2018-08-10 17:32:05

    예를들어 okky QnA게시판 위에 있는 검색어 항목도 onkey등이 없으나 엔터치면 submit이 잘 작동합니다.

    0
  • 배고파서서러워요
    1k
    2018-08-10 17:36:52

    submit form이랑 input tag가 있는 form이 틀린듯?;;

    실제 form 내부 element에 focus가 가 있는 상태라면 enter키가 무조건 submit 시킬텐데....

    0
  • 난한놈만패
    40
    2018-08-10 18:14:04

    이럴땐 찬찬히 하나씩 로그를 찍어보는 수밖에 없습니다

    브라우저별로 서버 환결별로 이슈가 있었던 적은 있었는데

    제 경우에는

    jquery로 keyup이 걸리기전에 호출을 해서 그랬다거나

    다른 스크립트 호출이 끝나지 않은 상태에서 호출했다거나 하는 케이스가 있었습니다

    스크립트에서 저 영역 호출하는 부분 앞뒤로 처리 호출하는 것을 확인하시고

    처리가 되지 않는 케이스를 하나하나 확인하고 지워나가면서 확인하시면 될듯합니다

    0
  • Atreyu
    110
    2018-08-10 18:36:54

    네 해당폼이 달라서 저런식으로 처리하려던 거였습니다.

     layer에서 사용하는 스크립트인데.. fadeout 되기전까지 다시 한번 앞뒤로 전부다 찍어봐야겠네요..

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.