Office.DragoverEventData interface

Комментарии

Набор API: Почтовый ящик 1.5

Дополнительные сведения о функции перетаскивания и ее реализации в различных клиентах Outlook см. в статье Перетаскивание сообщений и вложений в область задач надстройки Outlook.

Используется

• Office.DragAndDropEventArgs: dragAndDropEventData

Примеры

// Link to full sample: https://raw.githubusercontent.com/OfficeDev/office-js-snippets/prod/samples/outlook/80-events/drag-drop-item.yaml

function dragAndDropEventHandler(event) {
    Office.context.mailbox.addHandlerAsync(Office.EventType.DragAndDropEvent, (event) => {
    console.log(`Event type: ${event.type}`);

    const eventData = event.dragAndDropEventData;
    console.log(`x-coordinate: ${eventData.pageX}, y-coordinate: ${eventData.pageY}`);
    console.log(`x-coordinate relative to task pane: ${eventData.taskPaneX}, y-coordinate relative to task pane: ${eventData.taskPaneY}`);

    if (eventData.type == "drop") {
      console.log("Items dropped into task pane.");
      const files = eventData.dataTransfer.files;
      files.forEach((file) => {
        const content = file.fileContent;
        const name = file.name;
        const fileType = file.type;
        console.log(`File name: ${name}`);
        console.log(`File type: ${fileType}`);
        console.log(`Contents: ${content.text().then((text) => { console.log(text); })}`);
      });
    }
  });
}

Свойства

pageX

pageX: number;

pageY

pageY: number;

taskPaneX

taskPaneX: number;

taskPaneY

taskPaneY: number;

type

type: "dragover";