jQuery 폼 내부 어느 버튼인지 확인

✔️ 크롬 39.0에서 테스트하였습니다.

jQuery 폼 내부 어느 버튼인지 확인

jQuery 폼에서 어느 버튼이 클릭되었는지 확인

1 예시

<syntaxhighlight lang='html5'> <script src="//code.jquery.com/jquery.min.js"></script> <script> $(function () { $('#myform').on('submit', function(event) { event.preventDefault(); var btn_class = $(document.activeElement).attr('class'); $('body').append('
'+btn_class); }); }); </script>

<form id='myform'> <button class='btn-update'>수정</button> <button class='btn-delete'>삭제</button> </form> </source>

→ 수정 버튼을 누르면 btn-update가, 삭제 버튼을 누르면 btn-delete가 출력됨

→ 예제: http://zetawiki.com/ex/jquery/which-button-in-form.php

2 같이 보기

• jQuery 클릭 이벤트
• 자바스크립트 document.activeElement
• HTML form 태그

3 참고

• http://stackoverflow.com/questions/2066162/how-can-i-get-the-button-that-caused-the-submit-from-the-form-submit-event
• https://developer.mozilla.org/en-US/docs/Web/API/document.activeElement