동적으로 생성 된 요소 (LI)에 ondragstart =“drag (event)”를 추가하는 방법은 무엇입니까?

debugcn 에 게시 Dev

압 두르 라시드

예 :

동적으로 생성 된 목록 태그 :

var newli = document.createElement('li');
newli.id = "fstId";

이 목록 태그에 "ondragstart ="drag (event) ""속성을 어떻게 부여합니까?

제게 조언 해주세요 ...

감사합니다.

크리 샨크 트리 파티

드래그 앤 드롭은 DOM 요소로 전달되는 이벤트입니다. 요소를 동적으로 생성하는 동안 먼저 드래그 가능한 속성을 활성화하고 드래그 앤 드롭으로 흐르는 드래그 및 기타 이벤트에 대한 이벤트를 추가해야합니다. 자세한 내용은 아래에서 찾을 수 있습니다.

https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

또한 아래와 같이 이벤트 및 플래그를 추가 할 수 있습니다.

var node = document.createElement("li"); 
node.draggable = true;
node.addEventListener('drag', setDragging);

여기서 setDraging은 드래그 할 때 수행 할 작업을 설명해야하는 콜백 함수입니다. 아래에서 전체 구현을 찾을 수 있지만 위에서 설명한 이전 링크로 이동하는 것이 좋습니다. 다음은 전체 구현입니다.

https://medium.com/better-programming/create-a-sortable-list-with-draggable-items-using-javascript-9ef38f96b258

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-5

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

동적으로 생성 된 요소 (LI)에 ondragstart =“drag (event)”를 추가하는 방법은 무엇입니까?

동적으로 생성 된 요소 (LI)에 ondragstart =“drag (event)”를 추가하는 방법은 무엇입니까?

jQuery 동적으로 생성 된 div에서 동적으로 생성 된 요소를 추가 / 제거하는 방법은 무엇입니까?

Java에서 동적으로 생성 된 요소를 다시 호출하는 방법은 무엇입니까?

프로토 타입 내에서 동적으로 생성 된 요소에 이벤트 리스너를 추가하는 방법은 무엇입니까?

react.js-동적으로 생성 된 버튼에서 성공에 요소를 추가하는 방법은 무엇입니까?

동적으로 생성 된 요소의 ID를 추출하는 방법은 무엇입니까?

동적으로 생성 된 두 요소를 span으로 래핑하는 방법은 무엇입니까?

동적으로 생성 된 두 요소를 span으로 래핑하는 방법은 무엇입니까?

요소에 동적으로 추가 된 텍스트를 분할하는 방법은 무엇입니까?

동적으로 생성 된 클래스와 ID가있는 요소를 동시에 선택하는 방법은 무엇입니까?

동적으로 생성 된 div 안에 이미지를 추가하는 방법은 무엇입니까?

동적으로 생성 된 더 깊은 요소를 선택하는 방법은 무엇입니까?

Delphi / FMX : 위에서 두 번째 대신 이전에 추가 된 모든 상단 정렬 구성 요소 아래에 동적으로 생성 된 상단 정렬 구성 요소를 추가하는 방법은 무엇입니까?

Javascript / jquery에서 동적으로 생성 된 div 요소에 액세스하는 방법은 무엇입니까?

활성으로 전환 된 요소를 배열에 추가하는 방법은 무엇입니까?

자바 스크립트에서 동적으로 생성 된 <li> 요소에 액세스하는 방법은 무엇입니까?

Selenium에서 동적으로 생성 된 페이지에서 HTML 요소를 가져 오는 방법은 무엇입니까?

스타일 구성 요소를 사용하여 동적 수준으로 프로그래밍 방식으로 생성 된 제목에 스타일을 추가하는 방법은 무엇입니까?

각 요소에서 동적으로 생성 된 이벤트 리스너를 제거하는 방법은 무엇입니까?

런타임에 생성 된 요소에 이벤트를 추가하는 방법은 무엇입니까?

jquery를 사용하여 동적으로 추가 된 요소에 대한 클릭 이벤트를 추가하는 방법은 무엇입니까?

동적으로 생성 된 입력에서 양식 데이터를 POST하는 방법은 무엇입니까?

TextView Array에서 동적으로 생성 된 textview를 별도로 처리하는 방법은 무엇입니까?

React : 다른 유형의 자식 구성 요소를 부모 구성 요소에 동적으로 추가하는 방법은 무엇입니까?

동적으로 생성 된 탐색 탭에 값을 추가하는 방법은 무엇입니까?

동적으로 생성 된 값을 NumPy 배열에 추가하는 방법은 무엇입니까?

QWebView에서 동적으로 생성 된 이미지를 표시하는 방법은 무엇입니까?

Vaadin UI에 동적으로 생성 된 SVG를 포함하는 방법은 무엇입니까?

동적으로 생성 된 객체를 문자열에 할당하는 방법은 무엇입니까?

window.location.href에서 동적으로 생성 된 ID를 사용하는 방법은 무엇입니까?