在输入类型编号上输入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执行相同的操作。

对于手机，我认为您应该在输入后放置一个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">