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的内容。当鼠标移入第一个对象时,第二个对象不显示。当鼠标移出第一个对象时,显示第二个对象。