테스트 사이트 - 개발 중인 베타 버전입니다

input 엔터키 submit 시 이벤트 처리 질문입니다. 채택완료

지솩 2년 전 조회 1,881

검색시 input에서 엔터를 누르면 submit이 실행되어 검색이 되는데.

submit 되지 않고 특정함수를 실행 할수 있나요?

엔터를 누르면 자꾸 값이 전송이 되어버립니다.

 

제가 원하는건 input에서 엔터를 누르면 바로 submit 되지 않고 특정함수가 실행되게 하고싶습니다

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
2년 전

<form>

<input type="text" id="t_sample">

</form></p>

<p>

<script>

$("#t_sample").keydown(function (e) {

  if (e.keyCode == 13) {

    f_sample();

    e.preventDefault();

  }

});</p>

<p> </p>

<p>function f_sample() {

    alert('!!');

}

</script>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
2년 전
실행결과보기: https://codepen.io/sinbi/pen/XWoMwdP

댓글을 작성하려면 로그인이 필요합니다.

2년 전

</p>

<p><script>

function fchk(frm) {

    // return confirm('confirm or cancel');

    var cf = confirm('confirm or cancel');

    if (cf == true) {

        alert('confirm');

        return true;

    } else {

        alert('cancel');

        return false;

    }

}

</script></p>

<p> </p>

<p><form onsubmit="return fchk(this)">

    <input type="text" name="txt">

</form></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
2년 전
실행결과보기: https://codepen.io/sinbi/pen/yLGMWNp

댓글을 작성하려면 로그인이 필요합니다.

M
2년 전

</p>

<p><input type="text" onkeypress="if(event.keyCode==13) aaa();return false;" name="sss">  </p>

<p>

이런식으로 onkeypress에 함수를 넣어주실수 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인