JavaScript 事件入门

前言

事件是由于用户触发而引起，所以鼠标和键盘见解的触发了我们的事件,总结分为HTML事件，内敛事件，window事件

---

当事件触发box的时候会触发我们写的box函数

function box(){
    alert("asdf");
}

但是如果写闭包的形式，那么box就不会被找到

<font size=5><font face="楷体">  window.onload=function(){  这样会出错，因为找不到box
    function box(){
    alert("asdf");
}

不过我们可以采用另一中方式，把函数给我们触发的的事件

    input.onmousemove=function(){
        alert("sadf");
    }

---

事件介绍

单击事件

    input.onclick=function(){
        alert("sadf");
    }

双击事件

input.ondblclick=function(){
        alert("sadf");

只点击没有按下就触发

    input.onmousedown=function(){
        alert("sadf");

用鼠标移动到上方触发

input.onmouseover=function(){
        alert("sadf");

地方移除

input.onmouseout=function(){
        alert("sadf");

鼠标移动就触发

    window.onkeydown=function(){
        alert("sadf");
    }

按字符键触发

    input.onkeypress=function(){
        alert("sadf");

按键释放触发

        input.onkeyup=function(){
        alert("sadf");
    }

光标移动发生改变

    input.onchange=function(){
        alert('asdf');
    }

获得焦点时候触发

        input.onfocus=function(){
        alert('asdf');
    }

失去焦点触发

    input.onblur=function(){
        alert('asdf');
    }

窗体变化触发

    window.onresize=function(){
         alert('asdf');
     }

滚动条滚动触发

   window.onscroll=function(){
         alert('asdf');
     }

获取元素

var form=document.getelementByTagName('form')[0]

---

总结

所有的事件都是on+名称