최신 웹 개발 튜토리얼
 

HTML ondragover Attribute


정의 및 사용

ondragover 드래그 요소 또는 텍스트 선택이 유효한 드롭 대상을 통해 드래그 될 때 화재 때문이다.

기본적으로 데이터는 / 요소는 다른 요소에서 삭제할 수 없습니다. 드롭을 허용하기 위해 요소의 기본 처리를 방지해야한다. 이것은 호출하여 수행됩니다 event.preventDefault() 위한 방법 ondragover 속성을.

드래그 앤 드롭에 대한 자세한 내용은,에 우리의 HTML 튜토리얼 읽기 HTML5의 드래그 앤 드롭을 .

팁 : 링크 및 이미지는 기본적으로 드래그, 그리고 필요가 없습니다 draggable 속성을.

거기에 사용되는 많은 이벤트 속성이 있고, 드래그 앤 드롭 작업의 각 단계에서 발생할 수 있습니다 :

  • 드래그 대상 (소스 요소)에 해고 이벤트 :
    • ondragstart - 화재는 사용자가 요소를 끌어 시작할 때
    • ondrag - 화재 요소가 드래그 될 때
    • ondragend - 화재 사용자는 요소를 드래그 완료되면

  • 드롭 대상에 해고 이벤트 :
    • ondragenter - 화재 드래그 요소가 드롭 대상에 진입
    • ondragover - 화재 드래그 요소가 드롭 타겟 위에
    • ondragleave - 화재 드래그 요소가 드롭 대상 나뭇잎
    • ondrop - 드래그 요소가 드롭 대상에서 삭제 화재

참고 : 요소를 드래그하는 동안 ondragover 이벤트마다 350 밀리 초를 발생합니다.


적용

ondragover 특성의 일부 이벤트 속성 , 및 HTML 요소에 사용될 수있다.

집단 행사
모든 HTML 요소 ondragover

Div

요소가 드롭 대상 위에 드래그 될 때 자바 스크립트를 실행합니다 :

<div ondragover="myFunction(event)"></div>
»그것을 자신을 시도

브라우저 지원

표의 수치는 완전히 지원 제 브라우저 버전 지정 event 속성.

이벤트 속성
ondragover 4.0 9.0 3.5 6.0 12.0