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