资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript 回车键后跳到下一控件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>按回车键后跳到下一控件</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20elemType%3B%2F%2F%E9%80%89%E4%B8%AD%E6%8E%A7%E4%BB%B6%E7%B1%BB%E5%9E%8B%20%0D%0Avar%20elemObj%3B%20%2F%2F%E9%80%89%E4%B8%AD%E6%8E%A7%E4%BB%B6%E5%AF%B9%E8%B1%A1%20%0D%0Afunction%20enterKey()%20%7B%20%0D%0A%2F%2F%E8%8E%B7%E5%8F%96%E9%A1%B5%E9%9D%A2%E6%89%80%E6%9C%89%E6%8E%A7%E4%BB%B6%20%0D%0Avar%20elems%20%3D%20document.forms%5B0%5D.elements%3B%20%0D%0Avar%20len%3Delems.length%3B%20%0D%0A%2F%2F%E8%AE%BE%E7%BD%AE%E5%9B%9E%E8%BD%A6%E9%94%AE%E8%B7%B3%E8%B7%83%E7%9A%84%E6%8E%A7%E4%BB%B6%E7%B1%BB%E5%9E%8B%20%0D%0Avar%20elemTypeAry%20%3D%5B%22text%22%2C%22textarea%22%2C%22select-one%22%2C%22button%22%2C%22radio%22%2C%22checkbox%22%5D%3B%20%0D%0Avar%20elemTypeStr%3DelemTypeAry.join(%22%22)%3B%20%0D%0Afor(var%20i%3D0%3Bi%3Clen%3Bi%2B%2B)%7B%20%0D%0A%2F%2F%E8%8E%B7%E5%8F%96%E6%8E%A7%E4%BB%B6%E7%B1%BB%E5%9E%8B%20%0D%0AelemType%3Delems%5Bi%5D.type%3B%20%0D%0A%2F%2F%E8%8B%A5%E6%98%AF%E5%88%97%E8%A1%A8%E4%B8%AD%E7%9A%84%E7%B1%BB%E5%9E%8B%E6%8E%A7%E4%BB%B6%E5%88%99%E4%B8%BA%E5%85%B6%E6%B3%A8%E5%86%8C%E4%BA%8B%E4%BB%B6%20%0D%0Aif(elemTypeStr.indexOf(elemType)!%3D-1)%7B%20%0D%0A%2F%2F%E6%8E%A7%E4%BB%B6%E8%8E%B7%E5%BE%97%E7%84%A6%E7%82%B9%E5%90%8E%E4%B8%BA%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F%E8%B5%8B%E5%80%BC%20%0D%0Aelems%5Bi%5D.onfocus%3Dfunction()%7B%20%0D%0A%2F%2F%E8%8B%A5%E5%BD%93%E5%89%8D%E6%8C%89%E9%92%AE%E4%B8%BAtypeBtn%E5%88%99%E4%B8%8D%E4%B8%BA%E5%85%B6%E6%B3%A8%E5%86%8Confocus%E4%BA%8B%E4%BB%B6%20%0D%0Aif(this.id%3D%3D%22typeBtnId%22)return%3B%20%0D%0A%2F%2F%E8%8E%B7%E5%BE%97%E5%BD%93%E5%89%8D%E6%8E%A7%E4%BB%B6%E7%B1%BB%E5%9E%8B%20%0D%0AelemType%3Dthis.type%3B%20%0D%0A%2F%2F%E8%8E%B7%E5%BE%97%E5%BD%93%E5%89%8D%E6%8E%A7%E4%BB%B6%E5%AF%B9%E8%B1%A1%20%0D%0AelemObj%3Dthis%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E8%8B%A5%E6%8C%89%E9%94%AE%E4%B8%BAEnter%E5%88%99%E6%94%B9%E4%B8%BATab%E5%8D%B3%E8%B7%B3%E5%88%B0%E4%B8%8B%E4%B8%80%E6%8E%A7%E4%BB%B6%20%0D%0Aelems%5Bi%5D.onkeydown%3Dfunction()%7B%20%0D%0Aif(event.keyCode%3D%3D13)event.keyCode%3D9%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F%E6%98%BE%E7%A4%BA%E5%BD%93%E5%89%8D%E9%80%89%E4%B8%AD%E6%8E%A7%E4%BB%B6%E7%B1%BB%E5%9E%8B%20%0D%0Afunction%20getType()%7B%20%0D%0Aalert(elemType)%3B%20%0D%0A%2F%2F%E7%94%B1%E4%BA%8E%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E5%90%8E%E6%8C%89%E9%92%AE%E8%8E%B7%E5%BE%97%E7%84%A6%E7%82%B9%E6%89%80%E9%9C%80%E8%A6%81%E5%B0%86%E7%84%A6%E7%82%B9%E9%87%8D%E7%BD%AE%E4%B8%BA%E4%B9%8B%E5%89%8D%E7%9A%84%E6%8E%A7%E4%BB%B6%E4%B8%8A%20%0D%0AelemObj.focus()%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <form id="testForm"> <!-- 为页面控件注册事件 --> <input type="button" name="queryBtn" value="queryBtn" onclick="enterKey()"> <!-- 获取页面控件类型 --> <input type="button" name="typeBtn" id="typeBtnId" value="typeBtn" onclick="getType()"> <select id="sel" style="width:150px"> <option value="1">123</option> <option value="2">456</option> </select> <input type="text" id="a"> <input type="text" id="b"> <input type="text" id="c"> <textarea rows="5" cols="10" id="taId"></textarea> <input type="radio" name="radiongroup" id="aRd"> <input type="radio" name="radiongroup" id="bRd"> <input type="checkbox" id="aCb"> </form> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程