正则表达式(3)——案例：回车实现Tab跳转，超链接的单选效果，表格隔行变色，回车键跳转

最新推荐文章于 2023-10-14 20:31:28 发布

陆老师Peter

最新推荐文章于 2023-10-14 20:31:28 发布

阅读量341

点赞数

CC 4.0 BY-SA版权

分类专栏： JS和移动互联网网站前端开发 ASP.NET 文章标签： ASCII码回车键跳转表格隔行变色超链接的单选效果回车实现Tab跳转

本文链接：https://blog.youkuaiyun.com/qq_34573534/article/details/99761301

1、案例1：回车实现Tab跳转。响应文本框的onKeyDown事件，window.event.keyCode获得用户点击的keyCode。keyCode和ASCII不是完全一致，主键盘的1和小键盘的1的ASCII一样，但是keyCode不一样。回车的keyCode为13，Tab的keyCode为9。if(window.event.keyCode == 13){window.event.keyCode = 9;}

keyCode里面的ASCII码说明：

8：退格键
46：delete
37-40：方向键
96-105：小键盘区的数字
48-57：主键盘区的数字
110、190：小键盘区和主键盘区的小数点
189、109：小键盘区和主键盘区的负号
13：回车
9： Tab 就是那个把焦点移到下一个文本框的东东。

<body onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}">

只有少数的键才能被替换，大部分是不行的，有权限问题。

2、练习1：超链接的单选效果：

    <script type="text/javascript">
        function btn_Click(btn) {
            var links = document.getElementsByTagName("a");
            for (var i = 0; i < links.length; i++) {
                var link = links[i];