@awesomejs/click-away

Click Away

点击离开事件。
如果 onblur 不能满足你，那就来 ClickAway 吧！

安装

npm i @awesomejs/click-away -S

演示

import ClickAway from '@awesomejs/click-away'

const btn = document.querySelector('#btn')

const awayBtn = new ClickAway((evt) => {
  console.log('已点击离开')
})

btn.addEventListener('click', function () {
  if (awayBtn.active) {
    return
  }
  console.log('开始监听点击离开事件')
  awayBtn.focus(this)
})

类型描述

interface ClickAway {
  active: boolean

  focus (element: HTMLElement | HTMLElement[]): void
}

interface ClickAwayConstructor {
  new (callback: (evt: UIEvent) => void): ClickAway
}