1
在我的AngularJS应用程序中,我有一个带有文本和可用关键字列表的textarea。Html5拖放 - 复制文本放置位置
当用户拖动一个特定的单词并将其放入文本区域内时,该单词应该插入放置位置。
对于简单演示 - 尝试在浏览器中选择一些文本并将其拖动到您的页面中的任何输入字段 - 文本将完全插入到放置位置。
我想实现相同的功能。我怎么能够?
对于HTML5 DND工作和角度我使用的指令从这个小提琴 - http://jsfiddle.net/jgoemat/NWnF8/
module.directive('draggable', function() {
return {
restrict: 'A',
link: function (scope, element, attrs) {
element[0].addEventListener('dragstart', scope.handleDragStart, false);
element[0].addEventListener('dragend', scope.handleDragEnd, false);
}
}
});
module.directive('droppable', function() {
return {
restrict: 'A',
link: function (scope, element, attrs) {
element[0].addEventListener('drop', scope.handleDrop, false);
element[0].addEventListener('dragover', scope.handleDragOver, false);
}
}
});