html中的常见事件

注意： 事件前面加on
事件大致分为
(onclick点击、 mousemove 鼠标移动、 mouseup 鼠标抬起 、mousedown鼠标按下、 mouseout鼠标移动到边界)

onclick 点击

  var oapp = document.querySelector("#app");
    oapp.onclick = function(){
        alert('傻逼');
    };

，mousemove 鼠标移动

oapp.onmousemove = function(){
       console.log("你好");
   };

mouseup 鼠标抬起 ，

  oapp.onmouseup = function(){
        console.log("演");
    };
  

mousedown鼠标按下

 oapp.onmousedown = function(){
        console.log("胸大");
    };

mouseout鼠标移动到边界

  oapp.onmouseout = function(){
        console.log("打死你");
    };

focus 聚焦

 var oinput = document.querySelector("#input");
 oinput.onfocus = function(){
     oinput.style.border = "6px solid red";
 };

blur失焦

oinput.onblur = function(){
     oinput.style.border = "10px solid blue";
 }