<!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. jQuery Direct and delegated events 直接事件与委托事件

    ref: http://api.jquery.com/on/ 直接事件: 将事件委托直接绑定到dom元素上,当事件发生时触发handler. 委托事件:  将事件委托绑定到dom元素的外层容器上,当事 ...

  2. Spring下面的classpath 和 classpath* 区别的简单讲解

    classpath 和 classpath* 区别: classpath:只会到你指定的class路径中查找找文件; classpath*:不仅包含class路径,还包括jar文件中(class路径) ...

  3. zabbix web 登录成功后提示（红色提示）：zabbix server is not running:the information displayed may not be current

    原因是$ZBX_SERVER,我配了外网地址,这里应该配成内网的: # cat /etc/zabbix/web/zabbix.conf.php <?php // Zabbix GUI confi ...

  4. 注册vue组件的几种方式

    1,全局注册(这种方式注册组件必须在vue实例化之前声明) Vue.component('tag-name',{}) 2,局部注册 var Child = { template: '<div&g ...

  5. Spark VS Presto VS Impala

    https://www.quora.com/What-is-the-difference-between-Spark-and-Presto

  6. .NET微信扫码支付模式二API接口开发测试

    主要实现微信扫码支付,官网的SDKdemo 就不要使用 一直不能调试通过的,还是自己按照API接口文档一步一步来实现,吐槽下微信一点责任感都木有,能不能demo搞个正常的吗,不要坑惨了一大群码农们有点 ...

  7. MATLAB学习之内存溢出的管理方法

    今天用Matlab跑程序,由于数据量太大,又出现 Out of memory. Type HELP MEMORY for your options.的问题.看到这篇文章非常实用,转过来方便查阅~ 用 ...

  8. python（36）：python日志打印，保存，logging模块学习

    1.简单的将日志打印到屏幕 import logging logging.debug('This is debug message') logging.info('This is info messa ...

  9. Android 编程下通过 Theme 和 Style 避免 APP 启动闪黑屏

    之前在做 APP 的时候不太关注这个问题,因为自己在使用其他 APP 的时候也会在应用启动的初始有一个黑屏闪过后才会出现应用的欢迎页.直到最近开发过程中发现自己在欢迎页启动的线程由于请求和处理的数据量 ...

  10. Android Manifest <meta-data>

    在接入第三方渠道SDK的时候,经常会看到其配置文件AndroidManifest.xml有类似如下的定义: <!-- appid --> <meta-data android:nam ...