mouseEvent.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /*---------------------------------------------------------------------------------------------
  2. * Copyright (c) Microsoft Corporation. All rights reserved.
  3. * Licensed under the MIT License. See License.txt in the project root for license information.
  4. *--------------------------------------------------------------------------------------------*/
  5. import * as browser from './browser.js';
  6. import { IframeUtils } from './iframe.js';
  7. import * as platform from '../common/platform.js';
  8. export class StandardMouseEvent {
  9. constructor(e) {
  10. this.timestamp = Date.now();
  11. this.browserEvent = e;
  12. this.leftButton = e.button === 0;
  13. this.middleButton = e.button === 1;
  14. this.rightButton = e.button === 2;
  15. this.buttons = e.buttons;
  16. this.target = e.target;
  17. this.detail = e.detail || 1;
  18. if (e.type === 'dblclick') {
  19. this.detail = 2;
  20. }
  21. this.ctrlKey = e.ctrlKey;
  22. this.shiftKey = e.shiftKey;
  23. this.altKey = e.altKey;
  24. this.metaKey = e.metaKey;
  25. if (typeof e.pageX === 'number') {
  26. this.posx = e.pageX;
  27. this.posy = e.pageY;
  28. }
  29. else {
  30. // Probably hit by MSGestureEvent
  31. this.posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
  32. this.posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
  33. }
  34. // Find the position of the iframe this code is executing in relative to the iframe where the event was captured.
  35. let iframeOffsets = IframeUtils.getPositionOfChildWindowRelativeToAncestorWindow(self, e.view);
  36. this.posx -= iframeOffsets.left;
  37. this.posy -= iframeOffsets.top;
  38. }
  39. preventDefault() {
  40. this.browserEvent.preventDefault();
  41. }
  42. stopPropagation() {
  43. this.browserEvent.stopPropagation();
  44. }
  45. }
  46. export class StandardWheelEvent {
  47. constructor(e, deltaX = 0, deltaY = 0) {
  48. this.browserEvent = e || null;
  49. this.target = e ? (e.target || e.targetNode || e.srcElement) : null;
  50. this.deltaY = deltaY;
  51. this.deltaX = deltaX;
  52. if (e) {
  53. // Old (deprecated) wheel events
  54. let e1 = e;
  55. let e2 = e;
  56. // vertical delta scroll
  57. if (typeof e1.wheelDeltaY !== 'undefined') {
  58. this.deltaY = e1.wheelDeltaY / 120;
  59. }
  60. else if (typeof e2.VERTICAL_AXIS !== 'undefined' && e2.axis === e2.VERTICAL_AXIS) {
  61. this.deltaY = -e2.detail / 3;
  62. }
  63. else if (e.type === 'wheel') {
  64. // Modern wheel event
  65. // https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
  66. const ev = e;
  67. if (ev.deltaMode === ev.DOM_DELTA_LINE) {
  68. // the deltas are expressed in lines
  69. if (browser.isFirefox && !platform.isMacintosh) {
  70. this.deltaY = -e.deltaY / 3;
  71. }
  72. else {
  73. this.deltaY = -e.deltaY;
  74. }
  75. }
  76. else {
  77. this.deltaY = -e.deltaY / 40;
  78. }
  79. }
  80. // horizontal delta scroll
  81. if (typeof e1.wheelDeltaX !== 'undefined') {
  82. if (browser.isSafari && platform.isWindows) {
  83. this.deltaX = -(e1.wheelDeltaX / 120);
  84. }
  85. else {
  86. this.deltaX = e1.wheelDeltaX / 120;
  87. }
  88. }
  89. else if (typeof e2.HORIZONTAL_AXIS !== 'undefined' && e2.axis === e2.HORIZONTAL_AXIS) {
  90. this.deltaX = -e.detail / 3;
  91. }
  92. else if (e.type === 'wheel') {
  93. // Modern wheel event
  94. // https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
  95. const ev = e;
  96. if (ev.deltaMode === ev.DOM_DELTA_LINE) {
  97. // the deltas are expressed in lines
  98. if (browser.isFirefox && !platform.isMacintosh) {
  99. this.deltaX = -e.deltaX / 3;
  100. }
  101. else {
  102. this.deltaX = -e.deltaX;
  103. }
  104. }
  105. else {
  106. this.deltaX = -e.deltaX / 40;
  107. }
  108. }
  109. // Assume a vertical scroll if nothing else worked
  110. if (this.deltaY === 0 && this.deltaX === 0 && e.wheelDelta) {
  111. this.deltaY = e.wheelDelta / 120;
  112. }
  113. }
  114. }
  115. preventDefault() {
  116. if (this.browserEvent) {
  117. this.browserEvent.preventDefault();
  118. }
  119. }
  120. stopPropagation() {
  121. if (this.browserEvent) {
  122. this.browserEvent.stopPropagation();
  123. }
  124. }
  125. }