TypeScript disposable.registerEventListener函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中neuroglancer/util/disposable.registerEventListener函数的典型用法代码示例。如果您正苦于以下问题：TypeScript registerEventListener函数的具体用法？TypeScript registerEventListener怎么用？TypeScript registerEventListener使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了registerEventListener函数的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: disableWheel

export function disableWheel() {
  return registerEventListener(document, 'wheel', (e: WheelEvent) => {
    if (e.ctrlKey) {
      e.preventDefault();
    }
  });
}

开发者ID:google，项目名称:neuroglancer，代码行数:7，代码来源:disable_default_actions.ts

示例2: preventDrag

export function preventDrag(element: HTMLElement) {
  element.draggable = true;
  return registerEventListener(element, 'dragstart', (event: DragEvent) => {
    event.stopPropagation();
    event.preventDefault();
  });
}

开发者ID:google，项目名称:neuroglancer，代码行数:7，代码来源:drag_and_drop.ts

示例3: setupPositionDropHandlers

export function setupPositionDropHandlers(
    target: EventTarget, position: Borrowed<SpatialPosition>) {
  const dropDisposer = registerEventListener(target, 'drop', (event: DragEvent) => {
    event.preventDefault();
    if (event.dataTransfer.types.indexOf(positionDragType) !== -1) {
      const positionState = JSON.parse(event.dataTransfer.getData(positionDragType));
      position.restoreState(positionState);
      event.stopPropagation();
    }
  });
  const dragoverDisposer = registerEventListener(target, 'dragover', (event: DragEvent) => {
    if (event.dataTransfer.types.indexOf(positionDragType) !== -1) {
      // Permit drag.
      event.dataTransfer.dropEffect = 'link';
      event.preventDefault();
      event.stopPropagation();
    }
  });
  return () => {
    dragoverDisposer();
    dropDisposer();
  };
}

开发者ID:stephenplaza，项目名称:neuroglancer，代码行数:23，代码来源:position_drag_and_drop.ts

示例4: disableContextMenu

export function disableContextMenu() {
  return registerEventListener(document, 'contextmenu', (e: Event) => {
    e.preventDefault();
  });
}

开发者ID:google，项目名称:neuroglancer，代码行数:5，代码来源:disable_default_actions.ts

示例5: registerEventListener

export function registerActionListener<Info>(
    target: EventTarget, action: ActionIdentifier, listener: (event: ActionEvent<Info>) => void,
    options?: boolean|AddEventListenerOptions) {
  return registerEventListener(target, `action:${action}`, listener, options);
}

开发者ID:google，项目名称:neuroglancer，代码行数:5，代码来源:event_action_map.ts

注：本文中的neuroglancer/util/disposable.registerEventListener函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。