Javascript表单提交绑定回车时间

最新推荐文章于 2023-02-22 11:19:30 发布

转载最新推荐文章于 2023-02-22 11:19:30 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangshuazi/p/9414774.html

文章标签：

#javascript #ViewUI

本文介绍了一种在密码输入框中实现回车键登录功能的方法，并详细解释了兼容不同浏览器环境下事件对象的获取方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候会有一个需求就是，用户输入完密码之后，按回车即可实现登录。对此需要在密码框内绑定一个回车事件。代码如下

用户名：<input type="text" name="username" value=""> <br />
密  码：<input type="password" name="pwd" value=""onkeydown="keyLogin()"> <br />
       <input type="submit" value="确定登录">
 <script>
     function keyLogin() {
         var e = event || window.event || arguments.callee.caller.arguments[0];
            if (e && e.keyCode == 13) {
                alert("你是真的皮"); // 这里可以替换成登录成功的条件
            }
        }
 </script>

　对 var e = event || window.event || arguments.callee.caller.arguments[0] 的解释

FF没有window.event对象，需要使用作为参数传递的event对象。所以在兼容FF时这样写：

function date(event)

{

e=window.event||event；

et=e.srcElement||e.target;

}

但在一些情况下，比如我们制作了一款日期控件通常这样调用onclick=data()，总不能要求用户这样写吧 onclick=data(event),

那在不传参的情况下如何获取event呢，于是便有了如下写法：

function date()

{

e=window.event||argument.callee.caller.argument[0];