表单填写后输回车跳转到下一个输入
2016-07-26 11:18
330 查看
背景:录入系统需要用户输入相关数据,但用户习惯在excel中回车继续输入下一个项目。
网上找了好几个例子似乎都无法同时在chrome 和 IE里使用。
后面找到一个,稍微修改了下,发现可用,供大家参考。
<script type="text/javascript">
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
do{
i = (i + 1) % field.form.elements.length;
}while(field.form.elements[i].type != 'text' ) //可扩展到其他比如select 值了,避开label
field.form.elements[i].focus();
//window.event.keyCode=9
return false;
}
else
return true;
}
</script>
页面
echo "<td><input type='text' name='ps[]' value='".$row['profit']."' onkeypress=\"return handleEnter(this, event)\" /></td>";
echo "<td><input type='text' name='is[]' value='".$row['initasset']."' onkeypress=\"return handleEnter(this, event)\" /></td>";
echo "<td><input type='text' name='us[]' value='".$row['useasset']."' onkeypress=\"return handleEnter(this, event)\" /></td>";
网上找了好几个例子似乎都无法同时在chrome 和 IE里使用。
后面找到一个,稍微修改了下,发现可用,供大家参考。
<script type="text/javascript">
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
do{
i = (i + 1) % field.form.elements.length;
}while(field.form.elements[i].type != 'text' ) //可扩展到其他比如select 值了,避开label
field.form.elements[i].focus();
//window.event.keyCode=9
return false;
}
else
return true;
}
</script>
页面
echo "<td><input type='text' name='ps[]' value='".$row['profit']."' onkeypress=\"return handleEnter(this, event)\" /></td>";
echo "<td><input type='text' name='is[]' value='".$row['initasset']."' onkeypress=\"return handleEnter(this, event)\" /></td>";
echo "<td><input type='text' name='us[]' value='".$row['useasset']."' onkeypress=\"return handleEnter(this, event)\" /></td>";
相关文章推荐
- Pjsip通信如何使用TCP协议
- Linux系统工程师的必备素质
- hdu 1007 平面最近点对 分治
- 关于Android调用相机拍照,完成后无法返回
- 动态规划 III——C - Travel
- C++网络摄像头数据的获取与显示
- linux之sed用法
- 【转】Linux音频驱动之一:ALSA架构简介
- 《将博客搬至CSDN》
- android中帧动画的实现方式
- 判断条件中,如何比较字段值。
- 将GPS坐标转换成百度地图坐标,将baidu 经纬度 转换为google经纬度
- [219] Contains Duplicate II
- 7.Hibernate 延迟加载&立即加载
- [转]Android调用so文件(C代码库)方法详解
- 使用IntelliJ IDEA开发SpringMVC网站(一)开发环境
- 笔记1
- Sqlite
- 八数码问题(待
- ScrollView创建后或者resume之后自动滑动,不在头部