Edit in JSFiddle

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
	$('#button1').bind({'click', button1_clicked},
  									 {'mousedown', button1_down},
                     {'mouseup', button1_up});
	$('#button2').click(button2_clicked);
});

function button1_clicked() {
	$('body').append('<br>버튼1 클릭됨');
}

function button1_down() {
	$('body').append('<br>버튼1 눌림');
}

function button1_up() {
	$('body').append('<br>버튼2 떼어짐');
}

function button2_clicked() {
	$('body').append('<br>버튼2 클릭됨');
}

</script>

<button id='button1'>버튼1</button>
<button id='button2'>버튼2</button>