<!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. 深入理解Linux内核－信号

    信号:1.最初被引入作为用户态进程间通信2.内核也使用信号通知进程系统所发生的事件3.信号很短,发送给进程的唯一信息通常是一个数.4.名称通常以SIG为前缀5.信号时可消费资源,每个信号只能被传递一次 ...

  2. vue.js $refs和$emit 父子组件交互

    父调子 $refs (把父组件的数据传给子组件)  <template> <div id="app"> <input type="butto ...

  3. C和指针第七章第五题

    实现一个简化的printf函数,能够处理%d,%f,%s,%c等格式. /*************************************************************** ...

  4. linux命令（52）：usermod 修改账户信息，groupmod

    usermod: usermod [options] user_name usermod 命令修改系统帐户文件来反映通过命令行指定的变化 选项(options) -a|--append  ##把用户追 ...

  5. Android库分析工具（崩溃反编译）

    [时间:2016-07] [状态:Open] [关键词:android, 动态库,静态库, 编译,crash,addr2line] 本文主要整理Android编译系统中可用的库分析工作,可作为后续代码 ...

  6. idea 在tomcat中部署的时候 莫名其妙的错误

    针对web项目需要 打成 war exploded 包,这样就不会每次重新构建打包,也不会出现莫名其妙的错误

  7. 基于python3在nose测试框架的基础上添加测试数据驱动工具

    [本文出自天外归云的博客园] Python3下一些nose插件经过2to3的转换后失效了 Python的nose测试框架是通过python2编写的,通过pip3install的方式安装的nose和相关 ...

  8. WCF数据契约

    当使用DataMember时,和访问符无关,及时使用了private,成员都是可见的.相反如果使用static,为不可见. 上述的两个数据成员是等效的,如果是等效的话 数据成员的顺序也必须是相同的. ...

  9. [Linux基础环境/软件]Linux下安装mysql

    我是使用免安装的包mysql-5.5.28-linux2.6-x86_64.tar.gz(在http://dev.mysql.com/downloads/可以下载到最新的包)的.直接解压,然后配置,初 ...

  10. iOS five years[转]

    原文链接:http://blog.ayaka.me/post/127980091987/5-years This morning, I got a push notification from Tim ...