Firefox에서 HTML5 드래그 앤 드롭이 작동하지 않는 이유는 무엇입니까?

Question

다른 요소에 이벤트를 바인딩하고 Firefox를 제외한 모든 브라우저에서 이벤트를 드래그하면 예상대로 작동합니다. 그러나 파이어 폭스에서는 전혀 작동하지 않습니다. 발생하는 유일한 이벤트는 dragstart이며 다른 이벤트는 발생하지 않습니다. 무슨 일이야?

Answer 1

는, 그래서 originalEvent 부분을 제거하고 텍스트 형식을 변경 (또는 IE는 문제를했다), 그것은 작동합니다

다른 이벤트에서

event.dataTransfer.setData('text', 'anything'); 

가 호출해야합니다

event.preventDefault(); 

또는 일부 이벤트에서는 anything.com으로 이동합니다.

Answer 2

Firefox에서는 사용자가 이벤트에서 dataTransfer.setData 함수를 실행해야합니다. 예상대로 같은 드래그에

function dragstartHandler(event){ 

    event.originalEvent.dataTransfer.setData('text/plain', 'anything'); 

} 

미래 이벤트가 정상적으로 실행됩니다 : 당신 jQuery 사용자의

, 즉 다음과 같은 코드가 문제를 해결해야 의미합니다. 분명히 setData 인수를보다 유용한 데이터로 대체 할 수 있습니다. 내가 jQuery를 사용하지 않는

Answer 3

Firefox에서 발생하는 리디렉션과 관련하여이 질문 솔루션에 대한 참고 자료로 사용할 수 있습니다.

이 문제를 해결하려면 놓기 방법의 기본 동작을 방지해야합니다.

function drop(e) { 
    if(e.preventDefault) { e.preventDefault(); } 
    if(e.stopPropagation) { e.stopPropagation(); } 

    //your code here 

    return false; 
} 

나는이 해결책을 this link에서 얻었다.

Answer 4

FF는 오버플로가 자동 또는 스크롤로 설정된 요소에서 비롯된 특정 마우스 이벤트를 먹는 데 오랫동안 부각되어 있습니다.

필자의 경우 드래그 앤 드롭을위한 라이브러리는 필자의 샘플과 파이어 폭스를 제외한 모든 브라우저에서 완벽하게 작동했다. 되는 스크롤 요소 없음

이 관련된 티켓을 파고 후, 나는 -moz-사용자 설정을 선택하는 것입니다이 티켓 https://bugzilla.mozilla.org/show_bug.cgi?id=339293

에 대한 기여에 대한 해결책 나는 완전히 신용을 발견 에서 끈다. 그것은 나의 특별한 문제를 해결했다.