IT 자료
jQuery onclick
성곤
2014. 11. 26. 22:39
반응형
html과 스크립트는 분리되어야한다.
html과 스크립트가 같이 쓰이게 된다면, 좋은 코딩이 아니다.
내가 가장 많이 쓴 것 중에 하나가 바로 버튼 이벤트인데
기존에는
<button onclick="functionClick()">Click</button>
이렇게 만든 뒤에 스크립트에서 functionClick을 실행하는거였는데
그러지말란다.
jQuery기준으로 예문을 만들어보았다.
--- 예문 ---
<!DOCTYPE html">
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btnTest").click(function(){
fnEvent();
});
});
function fnEvent(){
alert("TEST");
}
</script>
<title>onclick-jQuery</title>
</head>
<body>
<button id="btnTest" >Start test</button>
</body>
</html>
--- 예문 끝 ---
반응형