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.         /* Mouse Events onclick ondblclick onmousedown 
  12.         onmouseup onmousemove onmouseover onmouseout  */
  13.         function onclick_event(){
  14.           /* onclick 이벤트 */
  15.           alert("onclick 실행되였어요");
  16.         }
  17.         function ondblclick_event(){
  18.           /* ondblclick 이벤트 */
  19.           alert("ondblclick 실행되였어요");
  20.         }
  21.         function onmousedown_event(){
  22.           /* onmousedown 이벤트 */
  23.           alert("onmousedown 실행되였어요");
  24.         }
  25.         function onmouseup_event(){
  26.           /* onmouseup 이벤트 */
  27.           alert("onmouseup 실행되였어요");
  28.         }
  29.       //-->
  30.       </script>
  31.       <form name="input_type" id="input_type" method="post" >
  32.       <!-- 예제 박스에선 안됨 => form태그안에 form태그있으면 지워짐~ㅠ.ㅠ -->
  33.         <input type="text" value="마우스 클릭(왼쪽만)" onclick="onclick_event();">
  34.         <br />
  35.         <input type="text" value="마우스 더블 클릭(왼쪽만)" ondblclick="ondblclick_event();">
  36.         <br />
  37.         <input type="text" value="마우스 버튼 다운" onmousedown="onmousedown_event();">
  38.         <br />
  39.         <input type="text" value="마우스 버튼 업" onmouseup="onmouseup_event();">
  40.         <br />
  41.       </form>
  42.     </div>
  43.   </body>
  44. </html>

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

위 소스 예제 보기


onclickondblclickonmousedownonmouseup


onclick- 마우스 왼쪽 버튼 클릭시 이벤트가 발생합니다.

ondblclick- 마우스 왼쪽 버튼 더블 클릭시 이벤트가 발생합니다.
onmousedown- 마우스 왼쪽이나 오른쪽 버튼 누를시 이벤트가 발생합니다.

onmouseup- 마우스 왼쪽이나 오른쪽 버튼 놓을때 이벤트가 발생합니다.


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

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

◀ PREV | 1 | ··· | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | ··· | 356 | NEXT ▶

BLOG main image

공지사항

카테고리

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

최근에 받은 트랙백

달력

«   2021/11   »
  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        
Total : 385,018
Today : 3 Yesterday : 95