문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

현재 위치: start » wiki » javascript » javascript_note » js_events
wiki:javascript:javascript_note:js_events

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판 		이전 판
wiki:javascript:javascript_note:js_events [2021/04/12 13:34]
emblim98 		wiki:javascript:javascript_note:js_events [2023/01/13 18:44] (현재)
줄 27: 줄 27:
 \\ \\
 %%HTML%%을 사용하면 **%%JavaScript%% 코드**가 있는 __이벤트 핸들러 속성__(event handler attributes)을 %%HTML%% 요소에 추가 할 수 있습니다.\\ %%HTML%%을 사용하면 **%%JavaScript%% 코드**가 있는 __이벤트 핸들러 속성__(event handler attributes)을 %%HTML%% 요소에 추가 할 수 있습니다.\\
-\\+
 작은 따옴표 사용:\\ 작은 따옴표 사용:\\
 <code html> <code html>
 <element event = 'some JavaScript'> <element event = 'some JavaScript'>
 </code> </code>
-\\+
 큰 따옴표 사용:\\ 큰 따옴표 사용:\\
 <code html> <code html>
 <element event="some JavaScript"> <element event="some JavaScript">
 </code> </code>
-\\+
 다음의 예제에서,코드가 있는 ''%%onclick%%'' 속성은 ''%%<button>%%'' 요소에 추가합니다.\\ 다음의 예제에서,코드가 있는 ''%%onclick%%'' 속성은 ''%%<button>%%'' 요소에 추가합니다.\\
  
줄 44: 줄 44:
 <button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button> <button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
 </code> </code>
-\\+
 위의 예제에서, %%JavaScript%%는 id="demo"를 가진 요소의 콘텐츠를 변경합니다.\\ 위의 예제에서, %%JavaScript%%는 id="demo"를 가진 요소의 콘텐츠를 변경합니다.\\
 \\ \\
줄 53: 줄 53:
 <button onclick="this.innerHTML = Date()">The time is?</button> <button onclick="this.innerHTML = Date()">The time is?</button>
 </code> </code>
-\\+
 %%JavaScript%% 코드는 종종 몇 줄로 되어 있습니다. 함수를 호출하는 이벤트 속성을 보는 것이 더 일반적입니다.\\ %%JavaScript%% 코드는 종종 몇 줄로 되어 있습니다. 함수를 호출하는 이벤트 속성을 보는 것이 더 일반적입니다.\\
 ====예제==== ====예제====
줄 79: 줄 79:
   * 사용자가 데이터를 입력할 때, 확인되어야하는 콘텐츠   * 사용자가 데이터를 입력할 때, 확인되어야하는 콘텐츠
   * 그리고 더 ...   * 그리고 더 ...
-\\+
 %%JavaScript%%가 이벤트와 함께 작동하도록 하기 위해 다양한 방법을 사용할 수 있습니다.\\ %%JavaScript%%가 이벤트와 함께 작동하도록 하기 위해 다양한 방법을 사용할 수 있습니다.\\
   * %%HTML%% 이벤트 속성은 JavaScript 코드를 직접 실행할 수 있습니다.   * %%HTML%% 이벤트 속성은 JavaScript 코드를 직접 실행할 수 있습니다.
줄 86: 줄 86:
   * 이벤트가 전송되거나 처리되지 않도록 방지할 수 있습니다.   * 이벤트가 전송되거나 처리되지 않도록 방지할 수 있습니다.
   * 그리고 더 ...   * 그리고 더 ...
-\\+
 %%HTML DOM%% 챕터에서, 이벤트와 이벤트 핸들러에 대해 더 많이 배울 것입니다.\\ %%HTML DOM%% 챕터에서, 이벤트와 이벤트 핸들러에 대해 더 많이 배울 것입니다.\\
  
 {{tag>오션 Javascript Events}} {{tag>오션 Javascript Events}}
/var/services/web/dokuwiki/data/attic/wiki/javascript/javascript_note/js_events.1618202083.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)

문서 도구

별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki