jquery-typing

WebJar for jquery-typing

License

License

Public Domain
Categories

Categories

Github Development Tools Version Controls
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-ccakes-jquery-typing
Last Version

Last Version

0.3.3
Release Date

Release Date

Type

Type

jar
Description

Description

jquery-typing
WebJar for jquery-typing
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/ccakes/jquery-typing

Download github-com-ccakes-jquery-typing

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-ccakes-jquery-typing/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-ccakes-jquery-typing</artifactId>
    <version>0.3.3</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-ccakes-jquery-typing/
implementation 'org.webjars.bower:github-com-ccakes-jquery-typing:0.3.3'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-ccakes-jquery-typing/
implementation ("org.webjars.bower:github-com-ccakes-jquery-typing:0.3.3")
'org.webjars.bower:github-com-ccakes-jquery-typing:jar:0.3.3'
<dependency org="org.webjars.bower" name="github-com-ccakes-jquery-typing" rev="0.3.3">
  <artifact name="github-com-ccakes-jquery-typing" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-ccakes-jquery-typing', version='0.3.3')
)
libraryDependencies += "org.webjars.bower" % "github-com-ccakes-jquery-typing" % "0.3.3"
[org.webjars.bower/github-com-ccakes-jquery-typing "0.3.3"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

jQuery-typing with events and data-api support

Assign callbacks for started/stopped typing events. This version supports events and data-api and is backwards compatible with original version by narf.

Usage (events automatically attached just-in-time based on the data API - bootstrap style)

$(body).bind('typing:start', ':input', function(event) { $(this).css('background', '#fa0'); }); $(body).bind('typing:start', ':input', function(event) { $(this).css('background', '#f00'); });

Alternative Usage

$(':text').typing({
    start: function (event, $elem) {
        $elem.css('background', '#fa0');
    },
    stop: function (event, $elem) {
        $elem.css('background', '#f00');
    },
    delay: 400
});

Add data-provide="typing" attribute to your input and it will auto-magically start triggering typing:start and typing:stop events - you can treat these as ony other DOM events. This comes handy when working with frameworks like Backbone JS.

typing command takes key-value object with start, stop and delay keys. They are all optional, so you can either pass only start callback, stop callback, stop callback and delay time, or everything.

delay is amount of time the plugin waits for another keypress before judging that typing has stopped; it is expressed in milliseconds and defaults to 400. Regardless of delay's value, the stop callback is called immediately when blur event occurs.

Callbacks are passed two arguments: event that caused callback execution and jQuery object for matched element. Possible events are keypress or keydown for start callbacks and keyup or blur for stop callbacks.

Demo

Visit http://tnajdek.github.io/jquery-typing/

Download

Get production version from & development version visit GitHub.

Meta

jQuery-typing is written by Maciej Konieczny and uses semantic versioning for release numbering. Everything in plugin/ directory is released into the public domain.

jQuery-typing has been tweaked by Tom Najdek to support data-api and trigger events.

Versions

Version
0.3.3