정의 및 사용
ondragover 드래그 요소 또는 텍스트 선택이 유효한 드롭 대상을 통해 드래그 될 때 화재 때문이다.
기본적으로 데이터는 / 요소는 다른 요소에서 삭제할 수 없습니다. 드롭을 허용하기 위해 요소의 기본 처리를 방지해야한다. 이것은 호출하여 수행됩니다 event.preventDefault() 위한 방법 ondragover 속성을.
드래그 앤 드롭 HTML5에서 매우 일반적인 기능입니다. 객체를 "잡아"하고 다른 위치로 드래그 할 때입니다. 자세한 내용에 대한 우리의 HTML 자습서를 참조 HTML5의 드래그 앤 드롭을 .
참고 : 요소가 드래그 할 수 있도록 글로벌 HTML5 사용하려면 draggable 속성을.
팁 : 링크 및 이미지는 기본적으로 드래그, 그리고 필요가 없습니다 draggable 속성을.
거기에 사용되는 많은 이벤트 속성이 있고, 드래그 앤 드롭 작업의 각 단계에서 발생할 수 있습니다 :
- 드래그 대상 (소스 요소)에 해고 이벤트 :
- ondragstart - 화재는 사용자가 요소를 끌어 시작할 때
- ondrag - 화재 요소가 드래그 될 때
- ondragend - 화재 사용자는 요소를 드래그 완료되면
- 드롭 대상에 해고 이벤트 :
- ondragenter - 화재 드래그 요소가 드롭 대상에 진입
- ondragover - 화재 드래그 요소가 드롭 타겟 위에
- ondragleave - 화재 드래그 요소가 드롭 대상 나뭇잎
- ondrop - 드래그 요소가 드롭 대상에서 삭제 화재
참고 : 요소를 드래그하는 동안으로 onDragOver 이벤트마다 350 밀리 초를 발생합니다.
브라우저 지원
표의 수치는 완전히 지원 제 브라우저 버전 지정 event 속성.
이벤트 속성 | |||||
---|---|---|---|---|---|
ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
HTML 4.01과 HTML5의 차이점
ondragover 속성은 HTML5의 새로운 기능입니다.
통사론
<elementondragover=" script ">
속성 값
값 | 기술 |
---|---|
script | 스크립트으로 onDragOver에서 실행되는 |
기술적 세부 사항
지원되는 HTML 태그 : | 모든 HTML 요소 |
---|
관련 페이지
HTML 자습서 : HTML5 드래그 앤 드롭
HTML 참조 : HTML 드래그 특성
HTML DOM 참조 : 이벤트으로 onDragOver