목차
- dblclick 예제 - 마우스 더블클릭 이벤트
- dblclick 정의
- dblclick 구문
dblclick 예제 - 마우스 더블클릭 이벤트
<p id="hz" ondblclick="homzzang()">더블클릭</p>
<script>
function homzzang() {
document.getElementById("hz").innerHTML = "홈짱닷컴 Homzzang.com";
}
</script>
결과보기
dblclick 정의
더블클릭 시 JS 실행.
1.
모든 HTML 요소에서 작동 함. 단, 아래 요소는 제외.
<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title>
2.
주요 최신브라우저 모두 지원.
3.
중간에 소문자 l (엘) 빼먹지 않도록 주의.
dblclick 구문
[HTML 방식]
<element ondblclick="JS실행코드">
[JS 방식]
object.ondblclick = function(){JS실행코드};
또는,
object.addEventListener("dblclick", JS실행코드);
※ element: 요소 (= 태그)
※ object : 객체
※ 핑크색 글씨는 대문자로 기재.
※ addEventListener() 메서드는 IE8 이하 버전에선 작동 X