检测输入数字中向上/向下按钮的不同事件

2023-11-30

有没有办法区分输入类型数字的事件向上/向下按钮?

我读到有一个change事件,但我想知道我是否可以识别按下向上/向下按钮时的不同事件。

我会更清楚:

<input class="form-control" id="field" type="number" min="1" value="<VALUE>" onkeydown="return false">
$("#field").change(function(e){ ... }

我想要什么:

$("#field").onUpPressed(function(e){ ... }
$("#field").onDownPressed(function(e){ ... }

对此没有默认事件。为了使其工作,您需要存储以前的值,您可以使用data属性,然后将其与新值进行比较,如下所示:

var $field = $("#field").on('input', function(e) {
  var newVal = parseInt($field.val(), 10);
  var oldVal = $field.data('old');
  
  console.log(newVal > oldVal ? 'up' : 'down');
  
  $field.data('old', newVal);
});

$field.data('old', $field.val());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="form-control" id="field" type="number" min="1" value="<VALUE>" onkeydown="return false">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

检测输入数字中向上/向下按钮的不同事件 的相关文章

随机推荐