数字字段上的Shift +向上箭头行为

时间:2016-07-22 06:49:29

标签: javascript jquery html

我有一个要求,我需要在html数字字段上按Shift +向上/向下箭头键跳转10,任何人都知道是否有任何现有解决方案或任何方法可以做到这一点?

任何建议或帮助都将受到赞赏。

2 个答案:

答案 0 :(得分:1)

[已编辑]您可以使用以下代码段来实现这一目标,

查看此JSFiddle演示: https://jsfiddle.net/ctkt66a0/9/

<强> HTML:

<label for="user_lic">Number of user license : </label><input id="user_lic" type="text" value ="5" />

<强>的Javascript

window.onkeyup = function(e) {
    if (e.keyCode == 38)
    {
        if (e.shiftKey === true)
        {
            // new line
            //alert('yes');
                        var valu = parseInt($('#user_lic' ).val()) + parseInt(10);
            //alert(valu);
            $('#user_lic').val('');
            $('#user_lic').val('').val(valu);
        }
        else
        {
            // run your function
        }
        return false;
    }
    else if (e.keyCode == 40) {
        if (e.shiftKey === true)
        {
            // new line
            //alert('yes');
                        var valu = parseInt($('#user_lic' ).val()) - parseInt(10);
            //alert(valu);
            $('#user_lic').val('');
            $('#user_lic').val('').val(valu);
        }
        else
        {
            // run your function
        }
        return false;
    }
}

HTH

答案 1 :(得分:0)

检查此JsFiddle Demo

您可以使用step属性