HTML onclick 이벤트 속성

예시

버튼을 클릭하면 JavaScript를 실행합니다.

<button onclick="myFunction()">Click me</button>

아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.

정의 및 사용

onclick 속성은 요소를 마우스로 클릭하면 발생합니다.

브라우저 지원

Event Attribute
onclick	Yes	Yes	Yes	Yes	Yes

통사론

<element onclick="script">

속성 값

Value	Description
script	The script to be run on onclick

기술적 세부 사항

지원되는 HTML 태그:	<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 및 <title>을 제외한 모든 HTML 요소

더 많은 예

예시

<p> 요소를 클릭하여 텍스트 색상을 빨간색으로 변경합니다.

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>

<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>

예시

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

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>

HTML 참조

HTML Tags