be3e823608
git-subtree-dir: lib/vscode git-subtree-split: e5a624b788d92b8d34d1392e4c4d9789406efe8f
225 lines
6.0 KiB
TypeScript
225 lines
6.0 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
import * as browser from 'vs/base/browser/browser';
|
|
import { IframeUtils } from 'vs/base/browser/iframe';
|
|
import * as platform from 'vs/base/common/platform';
|
|
|
|
export interface IMouseEvent {
|
|
readonly browserEvent: MouseEvent;
|
|
readonly leftButton: boolean;
|
|
readonly middleButton: boolean;
|
|
readonly rightButton: boolean;
|
|
readonly buttons: number;
|
|
readonly target: HTMLElement;
|
|
readonly detail: number;
|
|
readonly posx: number;
|
|
readonly posy: number;
|
|
readonly ctrlKey: boolean;
|
|
readonly shiftKey: boolean;
|
|
readonly altKey: boolean;
|
|
readonly metaKey: boolean;
|
|
readonly timestamp: number;
|
|
|
|
preventDefault(): void;
|
|
stopPropagation(): void;
|
|
}
|
|
|
|
export class StandardMouseEvent implements IMouseEvent {
|
|
|
|
public readonly browserEvent: MouseEvent;
|
|
|
|
public readonly leftButton: boolean;
|
|
public readonly middleButton: boolean;
|
|
public readonly rightButton: boolean;
|
|
public readonly buttons: number;
|
|
public readonly target: HTMLElement;
|
|
public detail: number;
|
|
public readonly posx: number;
|
|
public readonly posy: number;
|
|
public readonly ctrlKey: boolean;
|
|
public readonly shiftKey: boolean;
|
|
public readonly altKey: boolean;
|
|
public readonly metaKey: boolean;
|
|
public readonly timestamp: number;
|
|
|
|
constructor(e: MouseEvent) {
|
|
this.timestamp = Date.now();
|
|
this.browserEvent = e;
|
|
this.leftButton = e.button === 0;
|
|
this.middleButton = e.button === 1;
|
|
this.rightButton = e.button === 2;
|
|
this.buttons = e.buttons;
|
|
|
|
this.target = <HTMLElement>e.target;
|
|
|
|
this.detail = e.detail || 1;
|
|
if (e.type === 'dblclick') {
|
|
this.detail = 2;
|
|
}
|
|
this.ctrlKey = e.ctrlKey;
|
|
this.shiftKey = e.shiftKey;
|
|
this.altKey = e.altKey;
|
|
this.metaKey = e.metaKey;
|
|
|
|
if (typeof e.pageX === 'number') {
|
|
this.posx = e.pageX;
|
|
this.posy = e.pageY;
|
|
} else {
|
|
// Probably hit by MSGestureEvent
|
|
this.posx = e.clientX + document.body.scrollLeft + document.documentElement!.scrollLeft;
|
|
this.posy = e.clientY + document.body.scrollTop + document.documentElement!.scrollTop;
|
|
}
|
|
|
|
// Find the position of the iframe this code is executing in relative to the iframe where the event was captured.
|
|
let iframeOffsets = IframeUtils.getPositionOfChildWindowRelativeToAncestorWindow(self, e.view);
|
|
this.posx -= iframeOffsets.left;
|
|
this.posy -= iframeOffsets.top;
|
|
}
|
|
|
|
public preventDefault(): void {
|
|
this.browserEvent.preventDefault();
|
|
}
|
|
|
|
public stopPropagation(): void {
|
|
this.browserEvent.stopPropagation();
|
|
}
|
|
}
|
|
|
|
export interface IDataTransfer {
|
|
dropEffect: string;
|
|
effectAllowed: string;
|
|
types: any[];
|
|
files: any[];
|
|
|
|
setData(type: string, data: string): void;
|
|
setDragImage(image: any, x: number, y: number): void;
|
|
|
|
getData(type: string): string;
|
|
clearData(types?: string[]): void;
|
|
}
|
|
|
|
export class DragMouseEvent extends StandardMouseEvent {
|
|
|
|
public readonly dataTransfer: IDataTransfer;
|
|
|
|
constructor(e: MouseEvent) {
|
|
super(e);
|
|
this.dataTransfer = (<any>e).dataTransfer;
|
|
}
|
|
|
|
}
|
|
|
|
export interface IMouseWheelEvent extends MouseEvent {
|
|
readonly wheelDelta: number;
|
|
readonly wheelDeltaX: number;
|
|
readonly wheelDeltaY: number;
|
|
|
|
readonly deltaX: number;
|
|
readonly deltaY: number;
|
|
readonly deltaZ: number;
|
|
readonly deltaMode: number;
|
|
}
|
|
|
|
interface IWebKitMouseWheelEvent {
|
|
wheelDeltaY: number;
|
|
wheelDeltaX: number;
|
|
}
|
|
|
|
interface IGeckoMouseWheelEvent {
|
|
HORIZONTAL_AXIS: number;
|
|
VERTICAL_AXIS: number;
|
|
axis: number;
|
|
detail: number;
|
|
}
|
|
|
|
export class StandardWheelEvent {
|
|
|
|
public readonly browserEvent: IMouseWheelEvent | null;
|
|
public readonly deltaY: number;
|
|
public readonly deltaX: number;
|
|
public readonly target: Node;
|
|
|
|
constructor(e: IMouseWheelEvent | null, deltaX: number = 0, deltaY: number = 0) {
|
|
|
|
this.browserEvent = e || null;
|
|
this.target = e ? (e.target || (<any>e).targetNode || e.srcElement) : null;
|
|
|
|
this.deltaY = deltaY;
|
|
this.deltaX = deltaX;
|
|
|
|
if (e) {
|
|
// Old (deprecated) wheel events
|
|
let e1 = <IWebKitMouseWheelEvent><any>e;
|
|
let e2 = <IGeckoMouseWheelEvent><any>e;
|
|
|
|
// vertical delta scroll
|
|
if (typeof e1.wheelDeltaY !== 'undefined') {
|
|
this.deltaY = e1.wheelDeltaY / 120;
|
|
} else if (typeof e2.VERTICAL_AXIS !== 'undefined' && e2.axis === e2.VERTICAL_AXIS) {
|
|
this.deltaY = -e2.detail / 3;
|
|
} else if (e.type === 'wheel') {
|
|
// Modern wheel event
|
|
// https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
|
|
const ev = <WheelEvent><unknown>e;
|
|
|
|
if (ev.deltaMode === ev.DOM_DELTA_LINE) {
|
|
// the deltas are expressed in lines
|
|
if (browser.isFirefox && !platform.isMacintosh) {
|
|
this.deltaY = -e.deltaY / 3;
|
|
} else {
|
|
this.deltaY = -e.deltaY;
|
|
}
|
|
} else {
|
|
this.deltaY = -e.deltaY / 40;
|
|
}
|
|
}
|
|
|
|
// horizontal delta scroll
|
|
if (typeof e1.wheelDeltaX !== 'undefined') {
|
|
if (browser.isSafari && platform.isWindows) {
|
|
this.deltaX = - (e1.wheelDeltaX / 120);
|
|
} else {
|
|
this.deltaX = e1.wheelDeltaX / 120;
|
|
}
|
|
} else if (typeof e2.HORIZONTAL_AXIS !== 'undefined' && e2.axis === e2.HORIZONTAL_AXIS) {
|
|
this.deltaX = -e.detail / 3;
|
|
} else if (e.type === 'wheel') {
|
|
// Modern wheel event
|
|
// https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
|
|
const ev = <WheelEvent><unknown>e;
|
|
|
|
if (ev.deltaMode === ev.DOM_DELTA_LINE) {
|
|
// the deltas are expressed in lines
|
|
if (browser.isFirefox && !platform.isMacintosh) {
|
|
this.deltaX = -e.deltaX / 3;
|
|
} else {
|
|
this.deltaX = -e.deltaX;
|
|
}
|
|
} else {
|
|
this.deltaX = -e.deltaX / 40;
|
|
}
|
|
}
|
|
|
|
// Assume a vertical scroll if nothing else worked
|
|
if (this.deltaY === 0 && this.deltaX === 0 && e.wheelDelta) {
|
|
this.deltaY = e.wheelDelta / 120;
|
|
}
|
|
}
|
|
}
|
|
|
|
public preventDefault(): void {
|
|
if (this.browserEvent) {
|
|
this.browserEvent.preventDefault();
|
|
}
|
|
}
|
|
|
|
public stopPropagation(): void {
|
|
if (this.browserEvent) {
|
|
this.browserEvent.stopPropagation();
|
|
}
|
|
}
|
|
}
|