dblclick 이벤트가 click 이벤트처럼 작동하는 이유는 무엇입니까?

Question

$('#ajax-links a').live('click', function(e) { 
    var url = $(this).attr('href'); 
    url = url.replace(/^.*#/, ''); 
    $.history.load(url); 
    return false; 
}); 

'클릭'을 'dblclick'으로 바꿀 때마다 여전히 클릭 이벤트로 작동합니다. 데모는 여기 (http://www.serpere.info/jquery-history-plugin/samples/ajax/)에서 얻을 수 있으며 소스는 여기에서 다운로드 할 수 있습니다. https://github.com/tkyk/jquery-history-plugin/tree/master/samples/

Answer 1

dblclick을 추가 할 때 단일 클릭을 기본으로하지 마십시오. 당신이 이벤트에 대한 기본 동작을 방지 할 수 있습니다 대신 return false;의

: 당신이 거품에 이벤트가 DOM을 던져하지 않으려면

당신의 event.stopPropagation() 기능

$('#ajax-links a').live('click', function(event) { 
    event.preventDefault(); 
}); 
$('#ajax-links a').live('dblclick', function(event) { 
    event.preventDefault(); 
    var url = $(this).attr('href'); 
    url = url.replace(/^.*#/, ''); 
    $.history.load(url); 
}); 

Dblclick 이벤트를 사용할 수 있습니다 ly는 dblclick에서 해고 당합니다. 참조 : jsfiddle.net/cR5ZS

클릭 한 번으로 해고당하는 이유는 링크가 #/some_page/이고 dblclick 이벤트 핸들러가 거의 동일하기 때문일 수 있습니다. $.history 플러그인과 $ .history를 플러그인이 거의 동일하지 내 경험에 /some_page/을 저장 : 전화로로 분석 URL을 소요하고 해시에 넣습니다 : 홈페이지 = /some_page/는