1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
  4.   <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.   </head>
  7.   <body>
  8.   <div id="ex_js_syntax">
  9.       <script type="text/javascript" language="javascript">
  10.       <!--
  11.         /* Form Events onfocus onblur onchange onsubmit 
  12.         onsubmit은 생략 form에 이벤트 걸면 됩니다.(티스토리 소스 꼬임)
  13.         ex) form action="sub_form.php" onsubmit="sub_send()*/
  14.         function onfocus_event(){
  15.           /* onfocus 이벤트 */
  16.           alert("onfocus 실행되였어요");
  17.         }
  18.         function onblur_event(){
  19.           /* onblur 이벤트 */
  20.           alert("onblur 실행되였어요");
  21.         }
  22.         function onchange_event(){
  23.           /* onblur 이벤트 */
  24.           alert("onchange 실행되였어요");
  25.         }
  26.       //-->
  27.       </script>
  28.       <form name="input_type" id="input_type" method="post" >
  29.       <!-- 예제 박스에선 안됨 => form태그안에 form태그있으면 지워짐~ㅠ.ㅠ -->
  30.         <input type="text" value="포커스 얻을시 실행" onfocus="onfocus_event();">
  31.         <br />
  32.         <input type="text" value="포커스 잃을시 실행" onblur="onblur_event();">
  33.         <br />
  34.         <select name="atte_select_base" onchange="onchange_event();">
  35.           <option value="base">기본</option>
  36.           <option value="apple">사과</option>
  37.           <option value="orange">오렌지</option>
  38.         </select>
  39.         <br />
  40.       </form>
  41.     </div>
  42.   </body>
  43. </html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기


onfocusonbluronchangeonsubmit 


onfocus- 포커스를 얻었을때 이벤트가 발생합니다.

onblur- 포커스를 잃었을때 이벤트가 발생합니다.

onchange- 교체(체인지)시 이벤트가 발생합니다.

onsubmit- 폼보낼시 이벤트가 발생합니다.(예제는 생략)


출처 & 인용 - http://www.w3schools.com/

:
BLOG main image

공지사항

카테고리

분류 (356)
main (1)
php5 (218)
HTML (36)
javascript (93)
IT 이론과 퍼온정보 (8)
깨작일상 (0)
곧 추가할 내용 (0)
추후 알아볼것들... (0)

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

달력

«   2024/03   »
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 27 28 29 30
31
Total :
Today : Yesterday :