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.
'[javascript]' 카테고리의 다른 글
| json를 stringify 사용해보기 (json.stringify로 string으로 바꿔주기) (0) | 2018.04.26 |
|---|---|
| Jquery 이벤트 여러개 만들기 (on 함수) (0) | 2018.04.25 |
| jsp servlet(서블렛)를 통한 ajax, JsonObject, JsonObject key value 편 (0) | 2018.04.21 |
| jsp servlet(서블렛)를 통한 ajax, object 편 (0) | 2018.04.21 |
| [javascript] 자바스크립트 셀렉트(select) 초기화 , 넣기 , 빼기 , 값읽기 (0) | 2018.04.20 |
미나미나미