前端第二周，Javascript--鼠标事件

1.事件：用户和网页之间的一个动作，触发这个动作之后网页会给到用户反馈

2.事件三要素：

        //事件源

        //事件类型

        //事件处理函数

3.绑定事件得语法:

        //事件源.事件类型 = 事件处理函数

//鼠标事件类型：

        1.onclick           鼠标单击事件---左键

        oDivbox.onclick = function () {

            console.log('鼠标在元素上 单击（左键）了');

        }

       2.ondblclick        鼠标双击事件 --- 左键

        oDivbox.ondblclick = function () {

            console.log('鼠标在元素上 双击（左键）了');

        }

 

       3.onmousemove    鼠标移动事件

        oDivbox.onmousemove = function () {

            console.log('鼠标在元素的范围内  移动');

        }

        4.onmouseover        鼠标移入事件

        oDivbox.onmouseover = function () {

            console.log('鼠标移入了元素范围');

        }

        5. onmouseout           鼠标移出事件

        oDivbox.onmouseout = function () {

            console.log('鼠标移出了元素范围');

        }

       6.onmousedown      鼠标按下事件--左中右键

        oDivbox.onmousedown = function () {

            console.log('鼠标在元素上 按下 了');

        }

        7.onmouseup        鼠标抬起事件--左中右键

        oDivbox.onmouseup = function () {

            console.log('鼠标在元素上 抬起 了');

        }

 

       8.oncontextmenu   鼠标右键单击事件

        oDivbox.oncontextmenu = function () {

            console.log('鼠标在元素上 单击（右键）了');

        }