pinafore/routes/_utils/events.js
Nolan Lawson 8949b36873
Use img.decode() (#473)
* remove will-change:transform from container

* WIP: use img.decode()

* more work on img.decode
2018-08-22 21:00:53 -07:00

52 lines
1.2 KiB
JavaScript

export function mouseover (node, callback) {
function onMouseEnter () {
callback(true) // eslint-disable-line
}
function onMouseLeave () {
callback(false) // eslint-disable-line
}
node.addEventListener('mouseenter', onMouseEnter)
node.addEventListener('mouseleave', onMouseLeave)
return {
destroy () {
node.removeEventListener('mouseenter', onMouseEnter)
node.removeEventListener('mouseleave', onMouseLeave)
}
}
}
export function focusWithCapture (node, callback) {
node.addEventListener('focus', callback, true)
return {
destroy () {
node.removeEventListener('focus', callback, true)
}
}
}
export function blurWithCapture (node, callback) {
node.addEventListener('blur', callback, true)
return {
destroy () {
node.removeEventListener('blur', callback, true)
}
}
}
export function selectionChange (node, callback) {
let events = ['keyup', 'click', 'focus', 'blur']
let listener = () => {
callback(node.selectionStart)
}
for (let event of events) {
node.addEventListener(event, listener)
}
return {
destroy () {
for (let event of events) {
node.removeEventListener(event, listener)
}
}
}
}