回车登陆

最新推荐文章于 2022-07-06 14:16:07 发布

原创最新推荐文章于 2022-07-06 14:16:07 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了在不同浏览器中实现通过回车键触发登录功能的方法。包括IE、Chrome及Firefox等浏览器的兼容性处理，提供了具体的JavaScript代码示例。

1、IE、Chrome浏览器的写法

js代码：

<script type="text/javascript">
    function keyLogin(){   
        if (event.keyCode==13){//回车键的键值为13          
            $("#keyDownLogin").click();//调用登录按钮的登录事件
         }   
    }
</script>

HTML代码：

	<div class="loginbox" onkeydown="keyLogin();">
		<p>
			<input type="text" id="userName" name="userName" placeholder="请输入用户名"
				maxlength="20" />
		</p>

		<p>
			<input type="password" id="password" name="password"
				placeholder="请输入密码" maxlength="16" />
		</p>
		<p>
			<a href="javascript:checkuser()"><span class="loginBtn"
				id="keyDownLogin">登录</span></a>
		</p>
	</div>

2、firefox浏览器的写法，需要传一个eventc参数。

js代码：

<script type="text/javascript">
    function keyLogin(e){
        var evt=window.event ||e ;
        if (evt.keyCode==13){//回车键的键值为13          
             $("#keyDownLogin").click();//调用登录按钮的登录事件
        }   
    }
</script>

HTML代码：

<div class="loginbox" onkeydown="keyLogin(event);">
		<p>
			<input type="text" id="userName" name="userName" placeholder="请输入用户名"
				maxlength="20" />
		</p>

		<p>
			<input type="password" id="password" name="password"
				placeholder="请输入密码" maxlength="16" />
		</p>
		<p>
			<a href="javascript:checkuser()"><span class="loginBtn"
				id="keyDownLogin">登录</span></a>
		</p>
	</div>