2014-06-22 2 views
0

다음을 사용하여 양식 외부를 클릭 할 때 div 및 ovelay div를 숨 깁니다.Div의 바깥 쪽 마우스 클릭 - 모바일에서 작동하지 않음

다음 자바 스크립트입니다 : 이것은 바탕 화면에 미세하지만 터치 모바일 기기에서 작동

$(document).mouseup(function (e) 
{ 
    var container = $("#feedbackform"); 
    var overlay = $("#overlay"); 

    if (!container.is(e.target) // if the target of the click isn't the container... 
    && container.has(e.target).length === 0) // ... nor a descendant of the container 
    { 
    $('#feedbackform').fadeOut('fast'), 
    $('#overlay').fadeOut('fast'); 
    } 
}); 

.

나는 mouseup과 관련 있다고 추측합니다.

크레이그.

답변

0

클래식 이벤트는 완전히 똑같은 '클릭'과 같은 일부 이벤트를 제외하고는 휴대 기기에서 정확히 동일하게 작동하지 않습니다.

그래서 지금은 일부 모바일 특정 이벤트가 touch events 이름이 : 답장을

$(document).on('mouseup touchend', function (e){ 

[...] 

}); 
+0

감사 : https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Touch_events

그래서 touchend은 아마 당신이 사용하고자하는 것입니다. 버튼을 클릭하면이 이벤트가 시작됩니다. 오버레이 및 div 표시하려면 onclick 함수가있는 링크가 있습니다. 그러나이 버튼을 클릭하면 표시되지만 곧바로 fadeOut ... – Lovelock

관련 문제