网页前端登录js按Enter回车键实现登陆的两种方法_javascript技巧

很简单的代码,这里介绍两种方法给大家、

第一种:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Check Score</title>
<mce:script language="JavaScript"><!--
  function keyLogin(){
    if (event.keyCode==13)  //回车键的键值为13
       document.getElementById("input1").click(); //调用登录按钮的登录事件
    }
// --></mce:script>
</head> 

<body onkeydown="keyLogin();">
    <input type="text" />
    <input type="text" />
    <input type="text" /><input type="text" />
    <input type="text" /><input type="text" />
    <!--<input id="input1" value="登录" type="button" onclick="alert('调用成功!')">-->
    <img id="input1" onclick="alert('调用成功!')"/>
</body> 

</html>

第二种:

<script>
function KeyDown()
{
  if (event.keyCode == 13)
  {
    event.returnValue=false;
    event.cancel = true;
    Form1.btnsubmit.click();
  }
}
</script>

使用方法:
<form name="Form1" method="">
用户名:<INPUT TYPE=text SIZE=20 maxlength = 8 onkeydown=KeyDown()>
密码:<INPUT TYPE=password SIZE=20 maxlength = 8 onkeydown=KeyDown()>
<input type="submit" name="btnsubmit" value="提交" />
</form>

以上这篇网页前端登录js按Enter回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js按Enter回车
实现登陆
javascript 回车键、javascript enter事件、javascript enter、javascript前端框架、javascript前端面试题,以便于您获取更多的相关知识。

时间: 2024-10-24 19:00:07

网页前端登录js按Enter回车键实现登陆的两种方法_javascript技巧的相关文章

JS实现星星评分功能实例代码(两种方法)_javascript技巧

一.方法1 1.用到图片 2.结构和样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul { padding-left: 0; overflow: hidden; } ul li { float: left; list-style: no

js获取本机操作系统类型的两种方法_javascript技巧

关于机器用的操作系统,我们可以随便点击下鼠标就能够获取,但是如何使用javascript获取本机的操作系统类型呢,下面就通过一段代码示例简单介绍一下,希望能够给需要的朋友带来或多或少的帮助. function GetOSInfo() { var _pf=navigator.platform; var appVer=navigator.userAgent; if(_pf=="Win32" || _pf == "Windows") { if(appVer.indexOf

js防止表单重复提交的两种方法_javascript技巧

第一种:用flag标识,下面的代码设置checkSubmitFlg标志: 复制代码 代码如下: <script language=""javascript""> var checkSubmitFlg = false; function checkSubmit(){ if(checkSubmitFlg ==true){ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交. } checkS

js 获取元素下面所有li的两种方法_javascript技巧

js 获取元素下面所有的li 复制代码 代码如下: var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li"); 或 复制代码 代码如下: var div=document.getElementById('a'); var ul

JS简单的图片放大缩小的两种方法_javascript技巧

以左上角为定点,放大缩小,该点位置不变. 方法一: Html代码 复制代码 代码如下:    <script type="text/javascript">         //兼容IE和火狐   缩小放大.缩放         function ImageSuofang(args) {             var oImg = document.getElementById("oImg");             if (args) {     

js给onclick赋值传参数的两种方法_javascript技巧

1)当方法没有参数时,赋值可以直接用onclick = 方法名 复制代码 代码如下:   window.onload = function() {        $('btnTest').onclick = test;     }  function test() {        alert(val);  } 2)当方法有参数时,用onclick = 方法名(参数)时就有错了,需要在方法名前面加function() 复制代码 代码如下:   window.onload = function()

Js类的静态方法与实例方法区分及jQuery拓展的两种方法_javascript技巧

上学时C#老师讲到对象有两类方法,静态方法(Static)和实例方法(非Static),当时不理解静态是为何意,只是强记. 后来从事了前端的工作,一直在对类(即对象,Js中严格来说没有类的定义,虽众所周知,这里还是赘述一番,以免产生歧义)的操作上,严重缺乏整体概念,最近看extetnd中再次提到拓展静态方法与实例方法,故而再次百度,才幡然领悟,其实一直有用,只是不知其专业术语呀,哈哈~ 静态方法,属于类的方法,即类可以直接调用的方法.为类所有实例化对象所共用(但不能用实例对象之间调用),所以静态

JS动态创建元素的两种方法_javascript技巧

本文为大家分享了js创建元素的两种方法供大家参考,具体内容如下 1)将需要创建的元素,以字符串的形式拼接:找到父级元素,直接对父级元素的innnerHTML进行赋值. 2)使用Document.Element对象自带的一些函数,来实现动态创建元素(创建元素 => 找到父级元素 => 在指定位置插入元素) 一.字符串拼接形式     为了更好的理解,设定一个应用场景.     随机生成一组数字,将这组数据渲染为条形图的形式,放在div[id="container"]中,如下图

JS控制HTML元素的显示和隐藏的两种方法_javascript技巧

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后,页面