javascript - Enter , onChange 事件输入类型号

Question

我有一个输入类型编号。我知道按下回车键时如何调用函数。

请看我的代码:

<input type="number" class="new_num" value="0">
<input type="number" class="new_num_2" value="0">

<script>
    $('.new_num').bind("enterKey",function(e) {
        alert($(".new_num").val());
    });

    $('.new_num').keyup(function(e){
        if(e.keyCode == 13)
        {
            $(this).trigger("enterKey");
        }
    });
</script>

现在我需要提醒值，当用户只需单击数字的顶部或向下箭头时。我写了这段代码，但没有用:

$('.new_num').bind('keyup input', function(){
    $(this).trigger("enterKey");
});

请帮忙。

我还需要为 new_num_2 执行同样的操作。 我需要复制代码吗？

如果用户使用的是移动设备，我需要编写什么代码？

Answer 1

此示例在控制台中记录当前聚焦输入的值。我给了它们相同的 class=new_num_2 并用它来选择它们。这样您就不需要复制代码并为 new_num_2 执行相同的操作。

对于手机，我认为你应该在输入后放置一个按钮，并将此功能绑定(bind)到按钮的点击。

$('.new_num').on("focus", printValue);

var printValue = function (inp){
  $(inp).bind("enterKey",function(e) {
    console.log($(this).val());
  });
}

$('.new_num').keyup(function(e){
  if(e.keyCode == 13){
    printValue(this);
    $(this).trigger("enterKey");
    $(this).unbind("enterKey");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" class="new_num" id="new_num_1" value="0">
<input type="number" class="new_num" id="new_num_2" value="0">