watch-typing
v1.0.3
Published
This plugin is for watching the typing action whether the input is ready to be used or not.
Downloads
2
Maintainers
Readme
watch-typing
This plugin is for watching the typing action whether the input is ready to be used or not.(Try it)
Install
Installing via npm
npm install watch-typing
Installing via github
git clone [email protected]:lvitals/watch-typing.git
Usage
Include script after the jQuery library.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="watch-typing.js"></script>
Invoke the watchTyping method
$(':text').watchTyping( options );
watch-typing
takes three arguments
start
- This function gets fired when user press the key.stop
- This function gets fired after a period of time when user release the key.delay
- The period from user releasing the key to invoking the stop function.
####example:
$(':text').watchTyping({
start: function(event, $elem){
return $elem.css('background', 'orange');
},
stop: function(event, $elem){
return $elem.css('background', 'red');
},
delay: 400
});
When pressing the key, the textarea turns orange. 0.4 seconds later, the testarea turns red.
Reference
https://github.com/narfdotpl/jquery-typing
https://github.com/dennyferra/TypeWatch
LICENSE(MIT)
Copyright (C) 2014 Tien-Hao Chang [email protected]
Copyright (C) 2018 Leandro Vital [email protected]