Question

我正在使用Meteor，我有这个代码来拖放一个元素：

Template.occupations.events({
  'dragover .liOccupation': function (evt) {
    evt.preventDefault();
  },
  'dragleave .liOccupation': function (evt) {
    evt.preventDefault();
  },
  'drop .liOccupation': function (evt) {
    evt.preventDefault();
    console.log(evt.dataTransfer.getData('text/plain'));
  }
});

Template.todos.events({
  'drag .liTodos': function (evt) {
    evt.preventDefault();
    evt.dataTransfer.setData('text/plain','the');
    console.log(evt.dataTransfer.getData('text/plain'));
  }
});

发生的事情是console.log(evt.dataTransfer.getData('text/plain'));总是返回一个空字符串..

任何人都知道为什么？

Answer 1

如果您使用的是webkit浏览器（Safari / Chrome），'drag .liTodos'下的部分将无法在所有浏览器上运行。例如，Chrome会将其限制为仅返回drop下的数据，具体取决于您拥有的版本。你可以看看这个也在考虑这个

的替代问题

HTML5 Drag and Drop getData() only works on drop event in Chrome?

在Meteor中，getData（'text'）总是返回一个空字符串

1 个答案: