드래그 앤 드롭 이벤트에 대한 튜토리얼 시작하기

머리말 HTML5는 드래그 앤 드롭 효과를 구현하는 데 큰 도움이 되는 직접 드래그 앤 드롭 API를 제공합니다. 우리는 드래그 앤 드롭 이벤트만 수신하면 됩니다. 다양한 드래그 앤 드롭 기능을 구현하기 위한 요소입니다. 요소를 드래그 앤 드롭하려면 해당 요소의 draggable 속성을 true로 설정해야 합니다. 이 속성이 false인 경우 드래그가 허용되지 않습니다. img 요소와 a 요소 모두 기본적으로 draggable 속성이 true로 설정되어 있으므로 직접 드래그 앤 드롭할 수 있습니다. 이 두 요소를 드래그 앤 드롭하지 않으려면 속성을 false로 설정하면 됩니다. 드래그 앤 드롭 이벤트 드래그 앤 드롭 이벤트는 다양한 요소에 의해 생성됩니다. 요소를 끌어서 놓으면 최종적으로 배치하려는 요소에 도달하기 전에 많은 요소를 통과할 수 있습니다. 여기서는 드래그된 요소를 소스 개체, 전달된 요소를 프로세스 개체, 도착한 요소를 대상 개체라고 임시로 호출합니다. 다양한 객체는 다양한 드래그 앤 드롭 이벤트를 생성합니다. 소스 객체: dragstart: 소스 객체가 드래그를 시작합니다. 드래그: 소스 개체의 드래그 앤 드롭 프로세스 중입니다. dragend: 원본 개체의 드래그 앤 드롭이 종료됩니다. 프로시저 객체: dragenter: 소스 객체가 프로시저 객체의 범위에 들어가기 시작합니다. dr

1. 드래그 앤 드롭 API는 드래그 앤 드롭 정렬을 구현합니다

소개: 서문 HTML5는 직접적인 드래그 앤 드롭 API를 제공합니다. 드래그 앤 드롭 효과 갈 필요가 없습니다. js를 많이 작성하면 요소의 드래그 앤 드롭 이벤트를 듣는 것만으로도 다양한 드래그 앤 드롭 기능을 구현할 수 있습니다.

2. HTML5 드래그 앤 드롭 드래그 앤 드롭 정렬 예제 코드를 구현하는 API 정보

소개: HTML5는 직접 드래그 앤 드롭 API를 제공합니다. 드래그 앤 드롭 효과를 사용하면 많은 js를 작성할 필요 없이 요소의 드래그 앤 드롭 이벤트만 들으면 다양한 드래그 앤 드롭 기능을 구현할 수 있습니다.

3. HTML5 고급 튜토리얼--드래그 앤 드롭 정렬을 구현하는 드래그 앤 드롭 API

소개: 서문 HTML5는 직접 드래그 앤 드롭 API를 제공합니다. 드래그 앤 드롭 구현이 매우 용이해졌습니다. 많은 js를 작성할 필요가 없으며, 요소의 드래그 앤 드롭 이벤트만 듣기만 하면 다양한 드래그 앤 드롭 기능을 구현할 수 있다는 효과가 있습니다. .

4. HTML5의 드래그 앤 드롭 이벤트(드래그 앤 드롭)에 대한 자세한 설명

소개: 브라우저는 Internet Explorer 9, Firefox, Opera 12, Chrome 및 Safari 5 지원을 지원합니다. 드래그 앤 드롭. 참고: Safari 5.1.2에서는 드래그 앤 드롭이 지원되지 않습니다. HTML5 드래그 앤 드롭 예시

5. HTML5 실제 전투 및 네이티브 드래그 분석(3개의 dataTransfer 객체)

소개: 네이티브 드래그는 dragstart, drag 및 dragend 이벤트를 통해 구현됩니다. 하지만 이것은 단지 드래그 앤 드롭일 뿐입니다. IE6과 IE7에는 여전히 드래그 앤 드롭 문제가 있으며 데이터 교환이 구현되지 않습니다. 데이터 교환을 실현하기 위해 IE5에서는 dataTransfer 개체를 도입했습니다. dataTransfer 객체는 드래그된 요소에서 드롭 대상으로 문자열 형식의 데이터를 전송하는 데 사용되는 이벤트 객체의 속성입니다. dataTransfer 객체는 이벤트 객체의 속성이기 때문에 드래그 앤 드롭 이벤트의 이벤트 핸들러 내에서만 액세스할 수 있습니다. 이벤트 핸들러에서 이 개체의 속성과 메서드를 사용하여 끌어서 놓기 기능을 완료할 수 있습니다.

6. HTML5 튜토리얼 - 드래그 앤 드롭

소개: 안녕하세요, 프론트엔드 개발 프로그래머 여러분! HTML5 튜토리얼에 대한 일련의 지식을 설명하게 되어 매우 기쁩니다. 이 기사에서는 주로 HTML5 드래그 앤 드롭 이벤트를 소개합니다.

7. easyui 데이터 그리드 페이징 6. easyUI-드래그 앤 드롭 이벤트 및 애플리케이션

소개: easyui 데이터 그리드 페이징:easyui 데이터 그리드 페이징 6. easyUI-드래그 앤 드롭 이벤트 및 애플리케이션: 1. EasyUI 기본 드래그 그리고 볼 수 있는 직접 코드를 배치하세요:

위 내용은 드래그 앤 드롭 이벤트에 대한 튜토리얼 시작하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!