[Jquery] dbclick() - 마우스 더블클릭 이벤트 주는 방법

    

dblclick() 메소드

자바스크립트의 "dblclick()" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 더블클릭 이벤트를 발생시킵니다.

아래 예제를 통해 자세히 살펴보도록 하겠습니다.

<script>
    $(function() {
        $("button").click(function() {
            $("#clickText").css("color", "red");
            $("#dblclickText").css("color", "black");
        });
        $("button").dblclick(function() {
            $("#dblclickText").css("color", "red");
            $("#clickText").css("color", "black");
        })
    })
</script>

 

출력 결과

 

button을 더블 클릭하면 위의 텍스트에서 '더블 클릭' 부분이 빨갛게 변경되는 예제였습니다.

사용하기 쉽고 간단한 메소드입니다.