Office.DragoverEventData interface
メッセージまたは添付ファイルがアドインの作業ウィンドウ上にドラッグされたときの DragAndDropEventArgs.dragAndDropEventData オブジェクトを表します。
注釈
ドラッグ アンド ドロップ機能と、さまざまな Outlook クライアントに実装する方法の詳細については、「メッセージと添付ファイルを Outlook アドインの作業ウィンドウにドラッグ アンド ドロップする」を参照してください。
例
// 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}`);
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 | 水平方向の位置をピクセル単位で表すマウス ポインターの x 座標を取得します。 位置は、Outlook on the webまたは新しい Outlook on Windows クライアント ウィンドウの左端を基準にしています。 |
| pageY | 垂直方向の位置をピクセル単位で表すマウス ポインターの y 座標を取得します。 位置は、Outlook on the webまたは新しい Outlook on Windows クライアント ウィンドウの上端を基準にしています。 |
| type | ドラッグ アンド ドロップ イベントの種類を取得します。
|
プロパティの詳細
pageX
水平方向の位置をピクセル単位で表すマウス ポインターの x 座標を取得します。 位置は、Outlook on the webまたは新しい Outlook on Windows クライアント ウィンドウの左端を基準にしています。
pageX: number;プロパティ値
number
注釈
pageY
垂直方向の位置をピクセル単位で表すマウス ポインターの y 座標を取得します。 位置は、Outlook on the webまたは新しい Outlook on Windows クライアント ウィンドウの上端を基準にしています。
pageY: number;プロパティ値
number
注釈
type
ドラッグ アンド ドロップ イベントの種類を取得します。
dragover イベントは、メッセージまたは添付ファイルがアドインの作業ウィンドウ上にドラッグされたときに発生します。
type: "dragover";プロパティ値
"dragover"