containsTargetElements.js

/**
 * 指定された要素がイベントのターゲット要素に含まれているかどうかをチェックします。
 * @param {Event} event チェックしたい`click`などのイベント
 * @param {Array<string>} elements `DOMString`で指定した要素名の配列
 * @returns {boolean} ターゲット要素が指定された要素を含む場合はtrue、そうでない場合はfalse
 * @example
 * import { containsTargetElements } from '@utility/containsTargetElements'
 * document.addEventListener('click', (event) => {
 *   const elements = ['.foo', '#bar', '[data-baz]']
 *   const hasElements = containsTargetElements(event, elements) // => `true` or `false`
 * })
 */
const containsTargetElements = (event, elements) => {
  const target = event.target
  const clickedElement = element => !!target.closest(element)
  const containsElements = elements.some(clickedElement)
  return containsElements
}

export { containsTargetElements }