zoukankan      html  css  js  c++  java
  • js 各种事件 如:点击事件、失去焦点、键盘事件等

    事件驱动:
            我们点击按钮 按钮去掉用相应的方法。
            
            demo:
                 <input type="button" value="点击" onclick="func()">
                 function func(){
                         alert(1);
                       
                       }
            事件:
                onclick 点击
                onblur:失去焦点
                onfocus  得到焦点
                
                
                onkeydown 按下键盘
                onkeyup   松开键盘
                onkepress  按住键盘
                
                
                onmousedown 按下鼠标
                onmouseup  松开鼠标
                onmouseover 把鼠标放到上面
                ommousemove 移动鼠标
                onmouseout  移开鼠标
                
                
                onload  :页面加载
                onchange:改变
                onsubmit  :表单提交。
                
        如何绑定事件:

            (1)<input type="button" value="点击" onclick="fun()">
                    function fun(){
                   
                     alert(1);
                   
                   }
            (2) document.getElementById("bt").onclick=function(){
             
                         alert(2);
                     
                     }       
                        
            (3) onload页面加载
                     window.onload=function(){/*  页面加载完了以后 在执行onload里面的方法  */}
                     
                      
        失去焦点得到焦点小案例
            
          <input type="text" id="te" onblur="fun();"/><br/>
          <input type="text" id="xt"  onfocus="func()" size="50"/>
        
          function fun(){
               /* 失去焦点  */
               var vas = document.getElementById("te").value;
           
               alert(vas);
           
           }
           
           function func(){
              /* 得到焦点 */
              var da = new Date();
              document.getElementById("xt").value=da.toLocaleString();
           }

  • 相关阅读:
    sass安装与使用
    前端兼容性问题
    springboot项目数据库错误记录
    C#实现微信聊天对话框
    关于html的多行匹配,正则re.S的使用(爬取豆瓣电影短评)
    判断网页能否打开?python
    利用python爬取点小图片,满足私欲(爬虫)
    ajax加载时的进度条
    java 发送微信客服消息
    Fastjson Mysql JDBC 反序列化
  • 原文地址:https://www.cnblogs.com/jxldjsn/p/10915875.html
Copyright © 2011-2022 走看看