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执行相同的操作。

对于手机，我认为您应该在输入后放置一个button，并将此功能绑定到单击按钮。

$('.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">

在输入类型编号上输入onChange事件

1 个答案: