2015-02-06 2 views
4

Aurelia에 대한 드래그 앤 드롭 컨트롤을 만들려고합니다. 처음에는 잘 작동합니다. 나는 dragstart 이벤트 리스너를 위임 할 때Aurelia의 드래그 앤 드롭이 작동하지 않습니다.

<div class="card" draggable="true" repeat.for="card of player2.hand"> 

그러나, 드래그는 더 이상 작동하지 않습니다.

<div class="card" draggable="true" dragstart.delegate="$parent.dragstart()" repeat.for="card of player2.hand"> 

는 내가 같은 dragstart 이벤트가 화재로 얻을 수있는 이벤트가 시작 기본 끌기 이벤트를 유지 defaultPrevented: true을 가지고 있습니다. Aurelia의 특정 이벤트 위임자에서 preventDefault을 어떻게 비활성화 할 수 있습니까?

+0

업데이트 된 고급 솔루션을 작성했습니다 : http://davismj.me/blog/aurelia-drag-and-drop/ –

답변

5

이 향상된 기능은 added입니다. defaultPrevented을 사용하지 않으려면, 이벤트 핸들러에서 true를 반환 :

function dragStart() { 
    // do stuff 
    return true; 
} 

을이 특정한 경우에, 당신은 기본 드래그 동작을 가능하게 true를 반환해야합니다.