<!DOCTYPE html>

<html lang="en" class="no-js">

<head>

    <meta charset="UTF-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>login</title>

    <link rel="stylesheet" type="text/css" href="/static/admin/css/normalize.css"/>

    <link rel="stylesheet" type="text/css" href="/static/admin/css/demo.css"/>

    <!--必要样式-->

    <link rel="stylesheet" type="text/css" href="/static/admin/css/component.css"/>

    <!--[if IE]>

    <script src="js/html5.js"></script>

    <![endif]-->

</head>

<body>

<div class="container demo-1">

    <div class="content">

        <div id="large-header" class="large-header">

            <canvas id="demo-canvas"></canvas>

            <div class="logo_box">

                <h3>欢迎你</h3>

                <form action="#" name="f" method="post">

                    <div class="input_outer">

                        <span class="u_user"></span>

                        <input name="logname" class="text" style="color: #FFFFFF !important" type="text"

                               placeholder="请输入账户">

                    </div>

                    <div class="input_outer">

                        <span class="us_uer"></span>

                        <input name="logpass" class="text"

                               style="color: #FFFFFF !important; position:absolute; z-index:100;" value=""

                               type="password" placeholder="请输入密码">

                    </div>

                    <!--<div class="mb2" >-->

                    <!--<a class="act-but submit" href="javascript:;" style="color: #FFFFFF" >-->

                    <!--<input type="button" onclick="SignIn();" value="登录"/>-->

                    <!--</a>-->

                    <!--</div>-->

                    <div class="mb2">

                        <a class="act-but submit SignIn" href="javascript:;" style="color: #FFFFFF" onclick="SignIn();" >登录

                            <!--<input type="button" value="登录">-->

                        </a>

                    </div>

                </form>

            </div>

        </div>

    </div>

</div><!-- /container -->

<script src="/static/admin/js/TweenLite.min.js"></script>

<script src="/static/admin/js/EasePack.min.js"></script>

<script src="/static/admin/js/rAF.js"></script>

<script src="/static/admin/js/demo-1.js"></script>

<div style="text-align:center;">

</div>

<script type="text/javascript" src="/static/admin/js/jquery-1.10.2.js"></script>

<!--<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>-->

<script type="text/javascript">

function SignIn(){

            var user_name = $("input[name='logname']").val();

            var pass_word = $("input[name='logpass']").val();

            var form = {};

            form["k1"] = "v1";

            form["UserName"] = user_name;

            form["PassWord"] = pass_word;

            console.log(form)

            $.ajax({

                url: "/signin",

                type: 'post',

                data: form,

                success: function(arg){

                    var my_data = JSON.parse(arg);

                    if (my_data["statuscode"]==){

                        window.location.href='/admin.html';

                    }else{

                        alert("未登录或账户密码不正确！")

                    };

                }

            })

        };

    document.onkeydown = function (event) {

        var e = event || window.event;

        if (e && e.keyCode == ) { //回车键的键值为13

            <!--$("#login").click(); //调用登录按钮的登录事件-->

            SignIn();

        }

    };

</script>

</body>

</html>

js dom添加回车事件的更多相关文章

  1. 原 JS监听回车事件

    原 JS监听回车事件 发表于2年前(2014-06-04 10:16)   阅读(6101) | 评论(0) 11人收藏此文章, 我要收藏 赞0 1月16日厦门 OSC 源创会火热报名中,奖品多多哦  ...

  2. js && Jquery 的回车事件

    有时候我们需要捕获页面上的回车事件,以达到一些特殊效果,例如在登录页面用户输入完登录名和密码后习惯直接敲回车,这时需要捕获回车事件,在回车事件中激活form元素 1.纯Java Script版 首先要 ...

  3. JS DOM -- 关于回车键盘事件执行事件

    一.需求制作一个模拟对话框, 二. 1.需要发送后,输入框清空 2.按enter键可发送 三.代码部分 <!DOCTYPE HTML> <html> <head> ...

  4. js监听回车事件

    标题通俗的说,也就是绑定当用户按下回车键要执行的事件. 下面,入正题. 第一步,先编写简单的页面代码,这里我们只需要一个按钮就足够了.当然,还有按钮事件. <html> <head& ...

  5. Silverlight中文本框添加回车事件后，换行无法清除的解决方法

    在开发Silverlight的项目中,为了更好的用户体验,我们常要给一些控件添加一些快捷键.然而,在Silverlight中当用户回车提交后,光标停留在文本框的第二行怎么也清除不掉,经过一段时间研究, ...

  6. form表单回车提交问题,JS监听回车事件

    我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键 ...

  7. onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法

    1 onscroll事件失效 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

  8. JS DOM操作 函数 事件 阻止事件冒泡

    一 函数 1.字符串函数 s.tolowerCase( ):    -- 变小写 s.toupperCase( ):   -- 变大写 s.substr( 2 , 8 ):     -- 截取     ...

  9. js捕获页面回车事件

    1.javascript版 document.onkeyup = function (e) { if (window.event)//如果window.event对象存在,就以此事件对象为准 e = ...

随机推荐

  1. HTML5学习笔记（二）：HTML基础学习之二

    表单 表单用来传递用户数据,多用来与后端进行数据交互. 前端: <!DOCTYPE html> <html lang="en"> <head> ...

  2. FFmpeg(5)-AVStream和AVCodecParameters部分参数分析

    一.AVStream AVCodecContext *codec // 已过时,使用另一个 codecpar 结构体代替. AVRational time_base // 时间基数. int64_t ...

  3. .NET MVC5+ Dapper+扩展+微软Unity依赖注入实例

    1.dapper和dapper扩展需要在线安装或者引用DLL即可 使用nuget为项目增加Unity相关的包 2.model类 public class UserInfo { public int I ...

  4. 每天一个linux命令(6)：dos2unix unix2dos

    dos2unix是将Windows格式文件转换为Unix.Linux格式的实用命令.Windows格式文件的换行符为\r\n ,而Unix&Linux文件的换行符为\n. dos2unix命令 ...

  5. TCP三次握手，四次分手

    1.什么是HTTP连接 http是建立在TCP协议之上的一种应用. 最显著的特点是每次请求,都需要服务器响应,请求结束后,会主动释放连接. 1)在HTTP 1.0中,客户端的每次请求都要建立一次单独的 ...

  6. SVN如何切换账号

    https://www.cnblogs.com/six-moon/p/5233878.html **************************************************** ...

  7. 【CNN】卷积神经网络

    什么是卷积神经网络 卷积神经网络是一种特殊的.简化的深层神经网络模型,它的每个卷积层都是由多个卷积滤波器组成.它最先由lecun在LeNet[40]中提出,网络结构如下图所示.在cnn中,图像的一小部 ...

  8. Python学习笔记（4）：容器、迭代对象、迭代器、生成器、生成器表达式

    在了解Python的数据结构时,容器(container).可迭代对象(iterable).迭代器(iterator).生成器(generator).列表/集合/字典推导式(list,set,dict ...

  9. poj1733（区间上的种类并查集）

    题目大意是:一个由0,1组成的数字串~~,现在你问一个人,第i位到第j位的1的个数为奇数还是偶数.一共会告诉你几组这样的数 要你判断前k组这个人回答的都是正确的,到第k+1组,这个人说的是错的,要你输 ...

  10. golang包管理的取巧

    常见的golang的包管理工具 glide 使用yaml做配置,语义化版本管理,可以设置镜像,下载x系列库,但是x系列库被第三方库依赖时会出现下载失败. dep 亲儿子,语义化版本管理,无法解决墙 v ...