当前位置：文江博客话题详情

在 JQuery 中使用箭头按键增加文本字段值

发布于 2024-12-02 17:45:09 字数 126 浏览 0 评论 0原文

我有一个输入框，里面有一个数值。当用户按 ARROW_UP 一次时，数字应加一。当用户按下长 ARROW_UP 时，数字应该以更大的值递增。

我正在寻找 jQuery 解决方案，但纯 JavaScript 解决方案也可以。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

萌梦深 2024-12-09 17:45:09

//我还没有测试过，但它应该可以工作，否则你必须做一些小的调整。
// 使其仅是数字

$("#txt").keydown(function(event){

    if ( event.keyCode == 46 || event.keyCode == 8 ) {
        // dont do anything
    }
    else {
        if (event.keyCode < 48 || event.keyCode > 57 ) {
            event.preventDefault(); 
        }   
    }

});

// 对于箭头键

$("txt").keypress(function(event) {

var intVal = 0;

if ($("txt").val() != '')
{
   intVal = $("txt").val();
}


if ( event.which == 38 ) 
{
   $("txt").val(intVal + 1);
}

if ( event.which == 40 )  
{
   $("txt").val(intVal - 1);
}

});

//I have not tested it, but it should work or you have to do some minor adjustments.
// to make it numeric only

$("#txt").keydown(function(event){

    if ( event.keyCode == 46 || event.keyCode == 8 ) {
        // dont do anything
    }
    else {
        if (event.keyCode < 48 || event.keyCode > 57 ) {
            event.preventDefault(); 
        }   
    }

});

// for arrow keys

$("txt").keypress(function(event) {

var intVal = 0;

if ($("txt").val() != '')
{
   intVal = $("txt").val();
}


if ( event.which == 38 ) 
{
   $("txt").val(intVal + 1);
}

if ( event.which == 40 )  
{
   $("txt").val(intVal - 1);
}

});

回复收藏 0 原文