JavaScript鼠标事件
《JavaScript鼠标事件》
开发工具与关键技术：前端 && 谷歌浏览器
作者：肖春庆
撰写时间：2019年02月20日
JvavScript鼠标事件常用4种。
图1
图1中的轮播有多个按钮，当触发按钮时轮播自动切换。给他绑定什么事件，他就会以什么形式来触发它。
一、点击事件
1、onclick(点击事件)：
鼠标左键被点击，触发事件。
图2
图2展示代码，通过给轮播绑定onclick事件，单价时轮播向左切换1200个像素，也就是一个屏幕。
2、ondblclick(双击事件)：
鼠标左键被双击，触发事件（展示代码如图3）。
图3
二、移动事件
1、onmouseover（移入事件）：
鼠标移动到目标上方，触发事件。
2、onmouseout（移出事件）：
鼠标在目标上方移出，触发事件。
区别：onmouseover事件，onmouseout事件：鼠标移动到自身时候触发事件，但是移动到其字因素也会触发事件。
图4
图4代码分析：说明第一个对象inputbeng获取它的html的内容，说明第二个对象oafnnlk获取它的html的内容。当鼠标移入第一个对象时，第二个对象不显示。当鼠标移出第一个对象时，显示第二个对象。