Web programing/Javascript

Javascript - 이벤트 onclick

sosal 2014. 7. 26. 12:27
반응형

/*

 * http://sosal.kr/

 * made by so_Sal

 */


* 이벤트

사용자에 의한 발생.
ex) 클릭, 새창 열기, 키보드 누르기.. 등

:: 이벤트 handler ::
이벤트를 내부 tag의 property식으로 사용하는것으로,
html의 <body> 태그 내부에서 사용한다.
-> 대소문자 구분 x

event handler의 값은 스크립트 문법에 따른다.

클릭 :: 클릭했을때 //
onclick

 <BODY>
  <body>
<a href=http://sosal.tistory.com/
onclick="alert('sosal?')"> go sosal </a>
<br><br>
<b onclick="alert('어떤 곳에든 적용 가능한 onclick')"> 클릭하세요 </b>
</body>

sosal을 클릭하면 alert 이벤트 발생 -> 확인 클릭 후 텍스트링크로 이동
alert 이벤트가 발생하면, 확인을 누르기 전까지 이후에 발생하는 스크립트의 실행이 종료됨
alert 안에 들어가는 인자는 ' 싱글쿼트로 묶어줘야한다.
스크립트에서 " 는 시작과 끝을 컴퓨터가 알 수 없음

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>

 </HEAD>

 <BODY>
  <body>
<a href=http://sosal.tistory.com/
onclick="alert('sosal?')"> go sosal </a>
<br><br>
<b onclick="alert('어떤 곳에든 적용 가능한 onclick')"> 클릭하세요 </b>
</body>

 </BODY>
</HTML>