INumber Demo

Simple and easy Input Spinner

GitHub

Usage:

HTML:
<div data-inumber>
  <button type="button" data-inumber-down>DOWN</button>
  <input type="text" data-inumber-input min="1" max="10" step="1" value="1"/>
  <button type="button" data-inumber-up>UP</button>
</div>

<div data-inumber>
  <button type="button" data-inumber-down>DOWN</button>
  <input type="text" data-inumber-input min="0.25" max="10" step="0.15" value="1.2"/>
  <button type="button" data-inumber-up>UP</button>
</div>

Attributes 'min', 'max', 'step', 'value' are required

JavaScript:
new INumber.default('[data-inumber]', {
  debounceChange: 300, // default 300
  debounceKeyup: 300, // default 300
  change: function(inputEl, value) { ... },
  keyup: function(inputEl, value) { ... }
});

// Reinit
INumber.default.prototype.init();