정의 및 사용
ondragleave 드래그 요소 또는 텍스트 선택이 유효한 드롭 대상을 떠날 때 불 속성.
ondragenter 및 ondragleave 이벤트는 사용자가 드래그 요소가 입력하거나 드롭 대상을 떠나려는 것을 이해하는 데 도움이 될 수 있습니다. 이것은 드래그 소자 드롭 타겟 입사 배경색 설정 및 요소가 타겟의 밖으로 이동할 때 색 분리, 예를 들어, 수행 될 수있다.
드래그 앤 드롭에 대한 자세한 내용은,에 우리의 HTML 튜토리얼 읽기 HTML5의 드래그 앤 드롭을 .
팁 : 링크 및 이미지는 기본적으로 드래그, 그리고 필요가 없습니다 draggable 속성을.
거기에 사용되는 많은 이벤트 속성이 있고, 드래그 앤 드롭 작업의 각 단계에서 발생할 수 있습니다 :
- 드래그 대상 (소스 요소)에 해고 이벤트 :
- ondragstart - 화재는 사용자가 요소를 끌어 시작할 때
- ondrag - 화재 요소가 드래그 될 때
- ondragend - 화재 사용자는 요소를 드래그 완료되면
- 드롭 대상에 해고 이벤트 :
- ondragenter - 화재 드래그 요소가 드롭 대상에 진입
- ondragover - 화재 드래그 요소가 드롭 타겟 위에
- ondragleave - 화재 드래그 요소가 드롭 대상 나뭇잎
- ondrop - 드래그 요소가 드롭 대상에서 삭제 화재
적용
ondragleave 특성의 일부 이벤트 속성 , 및 HTML 요소에 사용될 수있다.
집단 | 행사 |
---|---|
모든 HTML 요소 | ondragleave |
예
Div 예
드래그 요소가 드롭 대상에서 이동할 때 자바 스크립트를 실행합니다 :
<div ondragleave="myFunction(event)"></div>
»그것을 자신을 시도 브라우저 지원
표의 수치는 완전히 지원 제 브라우저 버전 지정 event 속성.
이벤트 속성 | |||||
---|---|---|---|---|---|
ondragleave | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |