<!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. Codeforces Round #Pi (Div. 2)(A,B,C,D)

    A题: 题目地址:Lineland Mail #include <stdio.h> #include <math.h> #include <string.h> #i ...

  2. Linux学习笔记（九）

    <span style="font-size:18px;">本人使用的是centos 因为用使用些特殊命令.不得不改动系统的时间这里总结例如以下: date 查看系统时 ...

  3. rabbitmq 二进制安装

    # wget -Uvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm # ls epel-rele ...

  4. 我的IT之路2013（二）

    严寒即将过去,温暖的春天正在向我们招手,欢呼吧,在迎接新的开始的同时,不要忘了回顾一下过去的这一年,总结一下过去的这一年有什么得失. 英语学习 13年下半年,最大的变化就是有很大一部分时间用来学英语. ...

  5. [Windows Azure] How to Configure Cloud Services

    How to Configure Cloud Services To use this feature and other new Windows Azure capabilities, sign u ...

  6. （原创）一个简洁通用的调用DLL函数的帮助类

    本次介绍一种调用dll函数的通用简洁的方法,消除了原来调用方式的重复与繁琐,使得我们调用dll函数的方式更加方便简洁.用过dll的人会发现c++中调用dll中的函数有点繁琐,调用过程是这样的:在加载d ...

  7. Linux系统磁盘满解决方案

    1.查看磁盘使用率 df -lh 执行结果: 2.定位最大文件目录 du -h --max-depth=1 执行结果: 3.定位最大文件 ls -lhS 执行结果: 4.备注 配合du -h --ma ...

  8. mysql 配置路径

    1)关于配置文件路径 有时候,我发现虽然尝试修改了配置文件的一些变量,但是并没有生效.后来才发现原来是因为修改的文件并非MySQL服务器读取的配置文件. 如果不清楚MySQL当前使用的配置文件路径,可 ...

  9. ubuntu14.04 +nginx+php5-fpm

    一,安装Nginx apt-get install nginx 1,配置nginx nginx所有的配置在 /etc/nginx/nginx.conf中 nginx.conf配置里面包括了 inclu ...

  10. zip伪加密

    简单的话来阐述 zip伪协议的意思是说本来不需要密码的zip文件然后通过修改标志位,然后就可以达到有密码的效果对吗?但是他实际是没有密码. 一个 ZIP 文件由三个部分组成: 压缩源文件数据区+压缩源 ...