事件

事件

事件是鼠标或键盘的动作.如：点击，双击，移入，移出，移动，按下，弹起，获取焦点，失去焦点.....

事件驱动： 监听动作 onclick ，ondblclick，onkeyup，onkeydown,onmousemove,onblur...

事件处理程序: 事件触发后所调用的函数

语法：

对象.事件驱动=事件处理程序
如:
document.onclick=function(){
​
}

鼠标事件：

//   获取页面中的div

    var oDiv =document.getElementById("box");

    // oDiv.onclick=function(){

    //     console.log("点击");

    // }

    // oDiv.ondblclick =function(){

    //     console.log("双击");

    // }

    // oDiv.onmouseover = function(){

    //     console.log("移入");

    // }

    // oDiv.onmouseout = function(){

    //     console.log("移出");

    // }

    // oDiv.onmousemove = function(){

    //     console.log("移动");

    // }

    // oDiv.onmousedown =function(){

    //     console.log("按下");

    // }

    oDiv.onmouseup = function(){

        console.log("弹起");

    }

...

表单事件：

 //  获取文本框

    var oTxt = document.getElementById("inp");

    // oTxt.onfocus=function(){

    //     console.log("获取焦点");

    // }

    // oTxt.onblur=function(){

    //     console.log("blur");  //失去焦点事件

    // }

    // oTxt.onchange=function(){

    //     console.log("内容改变");

    // }

    oTxt.oninput =function(){

        console.log("input");   //输入事件---字数统计

    }

...

键盘事件

 // document文档对象

        var inp = document.getElementById("inp")

        // inp.onkeydown =function(){

        //     console.log("keydown"); //键盘按下

        // }

        // inp.onkeyup =function(){

        //     console.log("keyup");   //键盘弹起

        // }

        inp.onkeypress = function(){

            console.log("keypress");   //按下

        }

...