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

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

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

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

1 예시

<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('<br>'+btn_class);
	});
});
</script>

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

→ 수정 버튼을 누르면 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