`
ayaya
  • 浏览: 450091 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

javascript表单元素回车自动切换

阅读更多

示例
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script language="javascript" for="document" event="onkeydown" src="KeyDown.js"> </script> 
</head>
<body>
<form name="form1" method="post" action="">
  <table width="624" border="1">
    <tr >
      <td id="td1">a
      <input type="text" name="textfield"></td>
      <td id="td1">b
      <input type="text" name="textfield"></td>
      <td id="td1">c</td>
      <td id="td1">d</td>
      <td id="td1">e</td>
    </tr>
    <tr>
      <td id="td2">a
      <input type="text" name="textfield"></td>
      <td id="td2">b
      <input type="text" name="textfield"></td>
      <td id="td2">c</td>
      <td id="td2">e</td>
      <td id="td2">d</td>
    </tr>
    <tr>
      <td id="td3">a
      <input type="text" name="textfield"></td>
      <td id="td3">b
      <input type="text" name="textfield"></td>
      <td id="td3">c</td>
      <td id="td3">e</td>
      <td id="td3">d</td>
    </tr>
  </table>
</form>
</body>
</html>


javascript
if(event.keyCode==13 
&& event.srcElement.type!='button' 
&& event.srcElement.type!='submit' 
&& event.srcElement.type!='image' 
&& event.srcElement.type!='reset' 
&& event.srcElement.type!='textarea' 
&& event.srcElement.type!='') 

event.keyCode=9; 
分享到:
评论

相关推荐

    按回车键时跳到下一个表单元素的javascript代码

    按回车键时跳到下一个表单元素的javascript代码 &lt;br&gt;函数说明:按回车键时跳到下一个表单元素 JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按回车键的问题) 在页面调用: &lt;script ...

    javascript实现按回车键切换焦点

    前几天,老师让编写一段代码:是在 javascript 表单中,用回车键和上下左右移动键使焦点从一个文本框移到上一个或下一个文本框中。应用目前为止学到的知识试着编写代码,在编写的过程中遇到了几个难点:取模计算;在...

    回车变成Tab的解决方案

    FireDefaultButton() 函数和网上的一些代码,弄了一个可以满足上述需求的解决方案,它的特性包括: &lt;br/&gt; 全部JavaScript代码都封装在了一个用户控件"EnterAsTab_SubPage.ascx"中,哪个页面想要回车变Tab...

    javascript回车完美实现tab切换功能

    最经有一个项目是给化工厂做的在使用的过程中需要输入大量的数据,使用的都是小键盘区,在以前都是通过excel录入数据的现在, 在网页上需要实现excel 那样的回车换行的功能在网上找了有关这方面的问题但是都不怎么...

    程序天下:JavaScript实例自学手册

    9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 ...

    JavaScript网页特效范例宝典源码

    实例060 按下回车键时自动切换焦点 103 2.2 下拉列表/菜单 104 实例061 获取下拉列表/菜单的值 104 实例062 遍历多选择下拉列表 105 实例063 在下拉列表中进行多选移除 106 实例064 将数组中的数据添加到下拉菜单中 ...

    超实用的jQuery代码段

    4.3 使用toggleClass()函数切换页面元素的样式类 4.4 为body增加class类支持 4.5 操作div的显示与隐藏 4.6 如何设定div始终居中显示 4.7 测试浏览器是否支持某些CSS 3属性 4.8 如何添加hover类到指定元素 4.9 基于...

    漂亮的消息提示框 消息提示组件 Javascript写的

    7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。 8、可以页面加载的任意时间调用,如页面初始化时调用,页面加载完成后调用。 9、...

    artDialog_Demo

    18、修复一处隐秘BUG:当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上,这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤,修复毛边的问题 20、修复拖动的时候...

    Python入门网络爬虫之精华版

    当我们在浏览器中输入一个url后回车,后台会发生什么?比如说你输入http://www.lining0806.com/,你就会看到宁哥的小站首页。 简单来说这段过程发生了以下四个步骤: 查找域名对应的IP地址。 向IP对应的服务器...

    amis前端低代码框架 v1.1.4

    5、提供完整的界面解决方案:其它 UI 框架必须使用 JavaScript 来组装业务逻辑,而 amis 只需 JSON 配置就能完成完整功能开发,包括数据获取、表单提交及验证等功能,做出来的页面不需要经过二次开发就能直接上线;...

    网管教程 从入门到精通软件篇.txt

    EDD:元素定义文档(FrameMaker+SGML文档) EDE:Ensoniq EPS磁盘映像 EDK:Ensoniq KT磁盘映像 EDQ:Ensoniq SQ1/SQ2/Ks32磁盘映像 EDS:Ensoniq SQ80磁盘映像 EDV:Ensoniq VFX-SD磁盘映像 EFA:Ensoniq ASR...

Global site tag (gtag.js) - Google Analytics