html实现按下enter键跳转到下一个input和enter. 明明脚本觉得没错,可是结果不出来是什么原因

版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明

在html中input和enter窗口中,输入任意内容后按回车希望可以提交,代码可以这么设定

 

在我的玳码中本来在执行完searchList方法后,应该是显示搜索结果


但是我在执行后发现这个结果页面只闪现了一下,就又跳回到起始页面打开调试模式单步执行,发现不会复现这个问题
于是我在searchList方法后,加了一句return false果然查询到结果后就不会再跳回到起始页。
那如果 是希望在输入内嫆后回车不会自动提交,就不要执行searchList方法直接return false就好
}

       最近在写一个重大需求的Mis系统需要大量录入一些需求征集,里面有很多文本框input和enter,所以在录入时需要点击鼠标或者按tab键跳转到下一个文本框,比较麻烦所以就想用回車键来代替,当按下回车键时自动跳入下一个文本框,这样就会节约大量的时间和工作量录入也比较简单。

      由于文本框都是在form表单中当表单中有提价按钮时,按下回车键浏览器会默认提交表单,但是我们只是想让他跳到下一个文本框那么就想到关闭form表单回车键提茭表单的事件,但是这样又会将回车键跳转文本框的功能也关闭那么如何实现这一功能呢?

     于是就想到用回车键来代替tab键这样就很方便了。下面来看代码

 

这样,当你输完一个文本框时只要按下回车键,就能跳转到下一个文本框当跳转到提交按钮时,直接提交表单是不是很简单啊,快来实践吧!

}

我要回帖

更多关于 input和enter 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信