1

私は 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'));常に空の文字列を返します..

誰でも理由を知っていますか？

4

1 に答える 1

0

Webkit ブラウザー (Safari/Chrome) を使用している場合、以下の部分'drag .liTodos'はすべてのブラウザーで機能するとは限りません。たとえば、Chrome はdrop、使用しているバージョンに応じて、以下のデータのみを返すように制限します。これも見たこの別の質問を見ることができます

HTML5ドラッグアンドドロップgetData()はChromeのドロップイベントでのみ機能しますか?

于 2013-01-31T07:01:58.817 に答える