Html5 NumberInput

Bind to the change event by type: jqxNumberInput. Author: http://jqwidgets.com

by Hristo Hristov

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxNumberInput'></div>
<div id="log"></div>

JavaScript

$("#jqxNumberInput").jqxNumberInput({
  width: '250px',
  height: '25px',
  theme: 'energyblue',
  spinButtons: true
});
$('#jqxNumberInput').on('change', function (event) {
  var value = event.args.value;
  $("#log").html('The new value is: ' + value);
});

$("#jqxNumberInput input").on("keypress", function (event) {
  console.log(event.keyCode == 13);
});