vue前端、uniapp和element ui

js 事件整理

2021-04-20  本文已影响0人  忘川之曼殊沙华
    事件:
        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();
   }
上一篇下一篇

猜你喜欢

热点阅读