drag-resistant-click-listener
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

drag-resistant-click-listener

Summary

This package provides the ability to add a click listener to an element that will only call the provided click event handler when the mouse has not been dragged far from the initial mouse-down position.

This is useful, for example, when you have element(s) that you want to have both on-click and on-drag behaviour. A real-world example of this is when you want to have an element that will do something on-click (e.g. navigate the user), but you also want the text inside the element to be selectable, or perhaps you want the element to be draggable to be moved around, etc.

Usage

npm install drag-resistant-click-listener

import { addDragResistantClickListener } from 'drag-resistant-click-listener'

const element = document.createElement('div')
addDragResistantClickListener({
  element,
  onClick: () => console.log('element was clicked!'),
  onCancel: () => console.log('element click was cancelled. We are now dragging!')
})

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.0.19latest

Version History

VersionDownloads (Last 7 Days)Published
1.0.19
1.0.00

Package Sidebar

Install

npm i drag-resistant-click-listener

Weekly Downloads

9

Version

1.0.1

License

MIT

Unpacked Size

17.7 kB

Total Files

7

Last publish

Collaborators

  • samhuk