======Javascript HTML DOM onclick Event====== * description : Javascript HTML DOM onclick Event * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 \\ =====The source of the article==== [[https://www.w3schools.com/jsref/event_onclick.asp|Javascript HTML DOM onclick Event]]\\



  
  The onclick Event

  The onclick event is used to trigger a function when an elementis clicked on.

  Click the button to trigger a functionthat will output "Hello World" in a p element with id="demo".

=====Definition and Usage===== 온클릭 이벤트 (onclick event)는 사용자가 한 요소 위에서 클릭할 때 발생합니다. =====Syntax===== HTML에서:\\



  
  This example demonstrates how to assign an "onclick" event to an p elements.

  Click me.

\\ JavaScript에서\\



  
  This example uses the HTML DOM to assign an "onclick" event to a p element.

  Click me.

\\ JavaScript에서, %%addEventListener()%% 메서드를 사용하여\\



  
  This example uses the addEventListener() method to attach a "click" event to a p element.

  Click me.

\\ **Note:** %%addEventListener()%% 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.\\ =====More Examples===== ====Example==== 현재 요일, 날짜 및 시간을 표시하려면 %%

====Example==== %%

%% 요소를 클릭하여 텍스트 컬러를 red로 변경합니다.\\

Click me to change my text color.

====Example==== 클릭하여 %%

%% 요소의 컬러를 변경하는 방법에 대한 다른 예제\\

Click me to change my text color.

====Example==== 버튼을 클릭하여 입력 필드에서 다른 입력 필드로 일부 텍스트를 복사합니다.\\




Field1: 
 
Field2: 





  A function is triggered when the buttonis clicked.
  The function copies the textfrom Field1  into Field2

====Example====



  
  This example demonstrates how to assign an "onclick" event to the window object.

  Click anywhere in this window to change the background color of body.

====Example==== onclick을 사용하여 드롭다운 버튼을 만듭니다.\\


  


  
  Clickable Dropdown
  Click on the button to open the dropdown menu.

  
    
    
      Home
      About
      Contact