onkeydown 解决按回车键直接提交方案

最新推荐文章于 2023-05-17 18:17:09 发布

iteye_14608

最新推荐文章于 2023-05-17 18:17:09 发布

阅读量412

点赞数

文章标签： javascript ViewUI

登陆页面需要扑捉用户按下回车自动提交的需求:

在body里添加onkeydown事件跳javascript 在提交表单。

查找文档如下

onkeydown 事件会在用户按下一个键盘按键时发生。

语法：οnkeydοwn="SomeJavaScriptCode"

支持该事件的html标签;

支持该事件的javascript对象：

document, image, link, textarea

浏览器差异：

Internet Explorer 使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 使用 event.which。

实例：在本例中，用户无法在输入框中键入数字

<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum
var keychar
var numcheck

if(window.event) // IE
  {
  keynum = e.keyCode
  }
else if(e.which) // Netscape/Firefox/Opera
  {
  keynum = e.which
  }

keychar = String.fromCharCode(keynum)
numcheck = /\d/
return !numcheck.test(keychar)
}
</script>

<form>
<input type="text" οnkeydοwn="return noNumbers(event)" />
</form>

</html>

iteye_14608

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
onkeydown 解决按回车键直接提交方案

登陆页面需要扑捉用户按下回车自动提交的需求:在body里添加onkeydown事件跳javascript 在提交表单。查找文档如下onkeydown 事件会在用户按下一个键盘按键时发生。语法：onkeydown="SomeJavaScriptCode"支持该事件的html标签;&lt;a&gt;, &lt;acronym&gt;, &lt;address&gt;, &...
复制链接

扫一扫