1.0.1 • Published 3 years ago
@awesomejs/click-away v1.0.1
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
}