zoukankan      html  css  js  c++  java
  • 01输入框回车触发操作

    1 文件列表

      共包含三个文件:EnterOperat.js、01EnterOperat.html和jquery-1.7.1.min.js

    2 EnterOperat.js

    // js封装
    (function(win){
    
     // 页面加载的时候执行
     $().ready(function(){
    
         // 绑定事件
         $('input').keydown(function(){
                        getEnter();
         });
     });
     
     // 函数封装
     win.getEnter = function(){
        
        // 回车换行的keyCode为13
        if(event.keyCode == 13){
    
            // 进行业务处理
            var str = $('#myinput').val();
            if(str != ""){
                alert(str);
            }
        }
     }
    
     })(window);
     

    3 01EnterOperat.html

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>回车触发操作</title>
        <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="EnterOperat.js"></script>
    </head>
    <body>
        回车触发操作<br />
        <input type="text" id="myinput"/>
    </body>
    作者:BestNow
    出处:http://www.cnblogs.com/BestNow/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    埋点和用户画像
    HDR 2 数据集预处理
    HDR 1(介绍)
    关于AR
    Android驱动
    修改用户登陆次数
    使用plsql developer报错
    oracle客户端卸载
    项目:搜索查找
    使用BeautifulSoup模块解析HTML(文件example.html)
  • 原文地址:https://www.cnblogs.com/tianxue/p/4026466.html
Copyright © 2011-2022 走看看