최신 웹 개발 튜토리얼
 

HTML 온 클릭 이벤트 속성

<HTML 이벤트 속성

버튼을 클릭하면 자바 스크립트를 실행합니다 :

<button onclick="myFunction()">Click me</button>
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

onclick 요소에 마우스 클릭에 발생 때문이다.


브라우저 지원

이벤트 속성
onclick

HTML 4.01과 HTML5의 차이점

없음.


통사론

<elementonclick=" script ">

속성 값

기술
script 이 스크립트는 온 클릭에 실행되도록

기술적 세부 사항

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

더 예

(A)에 클릭 <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 DOM 참조 : onclick event


<HTML 이벤트 속성