[javascript]
Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick)
미나미나미
2018. 4. 25. 21:56
Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick)
Javascript(자바스크립트)로 input type=button과 button 이벤트
<p>자바스크립트로 해보기</p>
<input type="button" value="자바스크립트 input button" onclick="javascript_onclikc()">
<button type="button" onclick="javascript_onclikc()">자바스크립트 button</button>
<button id="javascript_btn1" type="button">자바스크립트 add EventListner button</button>
//자바스크립트 onclick
document.getElementById("javascript_btn1").addEventListener("click", javascript_onclikc);
function javascript_onclikc(){
alert('자바스크립트 button를 클릭하셨습니다.');
}
Jquery input type=button과 button 이벤트
헤더 부분에 꼭 선언해 주세요.
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<p>
<p>Jquery로 해보기</p>
<input id="btn1"type="button" value="jquery input 버튼">
<button id="btn2" type="button">jquery 버튼</button>
</p>
//Jquery onclick
//Jquery id 값으로 접근하여서 확인을 하였습니다.
$("#btn1").click(function javascript_onclikc(){
alert('Jquery button를 클릭하셨습니다.');
});
$("#btn2").click(function javascript_onclikc(){
alert('Jquery button를 클릭하셨습니다.');
});
See the Pen onclick by Nami (@NamuNami) on CodePen.