HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <template> 태그

HTML onclick 이벤트 속성

사용자가 요소를 클릭할 때, click 이벤트가 트리거됩니다. 클릭의 전체 과정에서, click 이벤트의 실행 순서는 mousedown과 mouseup 이벤트 다음에 있습니다.

HTML 이벤트 속성

주의: click 이벤트를 사용하여 동작을 트리거할 때, keydown 이벤트에도 이 동작을 추가하여 마우스나 터치스크린을 사용하지 않는 사용자도 같은 작업을 수행할 수 있도록 해야 합니다。

온라인 예제

버튼을 클릭할 때 JavaScript를 실행합니다：

예제

!DOCTYPE　html>
<html>
<head>
<title>HTML onclick 이벤트 속성의 사용(기본 튜토리얼 웹사이트 oldtoolbag.com)</title>
<script>
function　demo_click()
{
　　　　alert(&39;哈, 실행하였습니다onclick 이벤트');
}
</script>
</<head>
<body>
<button onclick="demo_click()">시도해보세요</button>
<p>버튼 클릭 시 함수가 트리거됩니다. 함수는 alert 상자를 띄웁니다.</p>
</body>
</html>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 onclick 이벤트 속성을 지원합니다

정의와 사용법

마우스 클릭 시 요소가 onclick 속성을 트리거합니다.

주의: onclick 속성은 다음 요소에 적용되지 않습니다：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 또는<title>.

HTML 4.01 HTML과5사이의 차이

없음.

문법

<요소 onclick="script">

속성 값

값	설명
script	onclick 이벤트가 트리거될 때 실행되는 스크립트를 정의합니다.

HTML 이벤트 속성

HTML: <template> 태그