JS为键盘中的Enter键添加onkeyDown()和onkeyUp()事件

最新推荐文章于 2021-09-11 10:27:15 发布

y_bccl27

最新推荐文章于 2021-09-11 10:27:15 发布

阅读量3.8k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/y_bccl27/article/details/95212232

版权

JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<input type="text" id="pageNum" 
    onkeydown="pageNumKeydown(0,event)" 
    onkeyup="pageNumKeyup(this,event)"/>
<span id="totalPageSpan0"></span>

/**
 * 给页码输入框添加Enter事件，跳转指定页码
 */
function pageNumKeydown(tabType,e){
    if(e.keyCode == 13){
        rows = $("#sizeSele"+tabType).val();
        page =$("#pageNum"+tabType).val()*1;
        var tmpPage = $("#totalPageSpan"+tabType).html();
        tmpPage = tmpPage.substring(1);
        var pageMax = parseInt(tmpPage);
        if(page < 1){
            page = 1;
        }else if(page > tmpPage){
            page = tmpPage;
        }
        query(tabType)
    }
}


/*
 *页码输入框不允许输入非数字
 */
function pageNumKeyup(obj,e){
    if (e.keyCode != 13){
        obj.value=obj.value.replace(/[^\d]/g,'');
    }
}

扩展属性：.which属性来确定按下了哪个按键

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").keydown(function(event){ 
    $("div").html("Key: " + event.which);
  });
});
</script>
</head>
<body>
    请随意键入一些字符：<input type="text" />
    <p>当您在上面的框中键入文本时，下面的 div 会显示键位序号。</p>
    <div><div />
</body>
</html>

y_bccl27

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS为键盘中的Enter键添加onkeyDown()和onkeyUp()事件

<input type="text" id="pageNum" onkeydown="pageNumKeydown(0,event)" onkeyup="pageNumKeyup(this,event)"/><span id="totalPageSpan0"></span>/** * 给页码输入框添加Enter事件，跳转指定页码...
复制链接

扫一扫

专栏目录