HTML ondblclick 이벤트 속성
예시
버튼을 두 번 클릭하면 JavaScript를 실행합니다.
<button ondblclick="myFunction()">Double-click me</button>
정의 및 사용
ondblclick 속성은 요소를 마우스 두 번 클릭하면 발생합니다.
브라우저 지원
Event Attribute | |||||
---|---|---|---|---|---|
ondblclick | Yes | Yes | Yes | Yes | Yes |
통사론
<element ondblclick="script">
속성 값
Value | Description |
---|---|
script | The script to be run on ondblclick |
기술적 세부 사항
지원되는 HTML 태그: | <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 및 <title>을 제외한 모든 HTML 요소 |
---|
더 많은 예
예시
<p> 요소를 두 번 클릭하여 텍스트 색상을 빨간색으로 변경합니다.
<p id="demo" ondblclick="myFunction()">Double-click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
예시
버튼을 두 번 클릭하여 입력 필드의 일부 텍스트를 다른 입력 필드로 복사합니다.
<button ondblclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
관련 페이지
HTML DOM 참조: ondblclick 이벤트
❮ HTML 이벤트 속성