angular-long-press
An angular.js long press directive for both desktop and mobile
Last updated 5 years ago by pmoelgaard .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install angular-long-press 
SYNC missed versions from official npm registry.

angular-long-press

Long press support for both desktop and mobile when used in AngularJS framework

Thank you GitHub Gist , grrrian for Prevent long press while scrolling

Demo and Project page

Dependencies

This repository contains native AngularJS directives . The only required dependencies are:

  • AngularJS (tested with 1.4.9 although it probably works with older versions)

Installation

bower install angular-long-press --save

Alternatively files can be downloaded downloaded from Github. and copy the files from dist/. Then add the sources to your code (adjust paths as needed) after adding the dependencies for Angular first:

<script src="./bower_components/angular/angular.min.js"></script>
<script src="./bower_components/angular-long-press/dist/angular-long-press.js"></script>

Whichever method you choose the good news is that the overall size is very small: < 2.5kb for all directives (~0.5kb with gzip compression!)

As soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the pr.longpress module:

angular.module('myModule', ['pr.longpress']);

Example

Markup

<button on-long-press="onLongPress()" on-touch-end="onTouchEnd()" prevent-click="true"></button>

Options

There are several options that you can set as attributes on the directive element

  1. on-long-press : method to be called when long press event is triggered
  2. on-touch-end : method to be called when touch end or mouse up event is triggered
  3. prevent-click : default true, to prevent click event getting triggered after long press is triggered
  4. long-press-duration : default 600, Integer value in MS to indicate after how long user touches will trigger long-press event
  5. prevent-onscrolling : default true, Boolean value to prevent long press when user is scrolling.

Issues

Please check if issue exists and otherwise open issue in github

Please add a link to a plunker, jsbin, or equivalent.

License

angular-long-press.js is available under the MIT license.

Bitdeli Badge

Current Tags

  • 0.3.2                                ...           latest (5 years ago)

1 Versions

  • 0.3.2                                ...           5 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 1
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (1)

Copyright 2014 - 2021 © npmmirror.com |