jQuery에서 click 및 dblclick 이벤트를 동시에 추가하는 예

이벤트를 추가하는 코드는 비교적 간단합니다.

• $("abc").bind({"click":fn,"dblclick":fn});

• $ ("abc").click(fn).dblclick(fn)

현재 문제는 더블클릭이나 클릭과 상관없이 클릭 기능만 실행된다는 점입니다. 왜일까요?
두 번 클릭 메커니즘에 대해 이야기해 보겠습니다.

두 번 클릭(dblclick) 프로세스는 다음과 같습니다: mousedown, mouseout, click, mousedown, mouseout, click, dblclick

두 번 클릭을 수행하려면 이 두 가지를 차단해야 합니다. 클릭에 timer를 설정하여 기능 실행을 지연시킵니다.
전체 코드는 다음과 같습니다:

//绑定点击和双击事件
                    var _time = null;
                    $(this).find("tr").dblclick(function(e){
                        clearTimeout(_time);
                        console.log("dblclick");
                        //真正双击代码

                    }).click(function(e){
                        clearTimeout(_time);
                        _time = setTimeout(function(){
                            console.log("click");
                            //单击事件在这里

                        }, 300);
                    });

위 내용은 jQuery에서 click 및 dblclick 이벤트를 동시에 추가하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!