javascript - 在 Meteor 中，getData('text') 总是返回一个空字符串

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 拖放 getData() 仅适用于 Chrome 中的拖放事件？