@antv/x6-react-components/src/util/dom/isEventSupported.ts

React components for building x6 editors

import { canUseDOM } from './executionEnvironment'

let useHasFeature: boolean
if (canUseDOM) {
  useHasFeature =
    document.implementation &&
    document.implementation.hasFeature &&
    // always returns true in newer browsers as per the standard.
    // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
    document.implementation.hasFeature('', '') !== true
}

/**
 * Checks if an event is supported in the current execution environment.
 *
 * NOTE: This will not work correctly for non-generic events such as `change`,
 * `reset`, `load`, `error`, and `select`.
 *
 * Borrows from Modernizr.
 *
 * @param {string} eventNameSuffix Event name, e.g. "click".
 * @param {?boolean} capture Check if the capture phase is supported.
 * @return {boolean} True if the event is supported.
 */
export function isEventSupported(
  eventNameSuffix: string,
  capture?: boolean,
): boolean {
  if ((!canUseDOM || capture) && !('addEventListener' in document)) {
    return false
  }

  const eventName = `on${eventNameSuffix}`
  let isSupported = eventName in document

  if (!isSupported) {
    const element = document.createElement('div')
    element.setAttribute(eventName, 'return;')
    isSupported = typeof (element as any)[eventName] === 'function'
  }

  if (!isSupported && useHasFeature && eventNameSuffix === 'wheel') {
    // This is the only way to test support for the `wheel` event in IE9+.
    isSupported = document.implementation.hasFeature('Events.wheel', '3.0')
  }

  return isSupported
}