반응형
[자바스크립트] Click(클릭) 이벤트 간단한 사용예제
click 클릭 이벤트는 마우스를 이용해서 명령을 수행하도록 한다. 다음 예제는 버튼을 클릭했을 때 이벤트가 발생된 상황을 대화상자를 이용해서 보여준다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <script> function compute(form){ if(confirm("사과를 보낼까요??")) alert("당신은"+document.like.expr.value+"를 입력했습니다.") else alert("마음에 들지 안나보네요.") } </script> </head> <body> <h2>클릭 이벤트 예제</h2> <form class="left" name="like"> 얘를 좋아하면 "좋아!" 버튼을 누르세요. <input type="text" value="사과" name="expr" size="15"> <input type="button" value="좋아!" onclick="compute(this.form)"> </form> </body> </html> | cs |
반응형
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
| js 파일로 연결하여 사용 시 한글 깨짐 현상 (0) | 2016.03.21 |
|---|---|
| [자바스크립트] change 이벤트 뜻과 간단예제 (0) | 2016.03.01 |
| [자바스크립트] anchor(), link() 하이퍼텍스트 연결하기 (0) | 2016.03.01 |
| [자바스크립트] String 객체의 메소드를 이용한 문자열 처리 (0) | 2016.02.27 |
| [자바스크립트] Screen 객체의 뜻과 간단예제 (0) | 2016.02.27 |
