美文网首页
JS:鼠标经过同时触发两个事件

JS:鼠标经过同时触发两个事件

作者: 十月木樨 | 来源:发表于2018-12-29 09:54 被阅读0次

鼠标经过,同时触发两个事件的写法:

onmouseover="SweapImag();ShowHideLink()"

eg:

onmouseover="ct=window.setInterval('pageclick1(\'click2\')',500);this.src='images/Image3.png'"

onmouseout="window.clearInterval(ct);this.src='images/Image2.png'"

注释:

(1)ct=window.setInterval(' pageclick1(\'click2\')',500) 鼠标经过时,延迟半秒钟,再触发事件pageclick1('click2')

(2)window.clearInterval(ct) 延迟时间未到,鼠标移开,事件将不会触发

(3)数字500,代表半秒钟;1000代表一秒钟

(4)注意符号的换写(例如pageclick1('click2')将换成' pageclick1(\'click2\')')

(5)this.src='images/Image2.png' 写在<img>标签中,当鼠标经过/离开时,图片变换

(6)写延迟功能时,该写法window.setInterva,onmouseover与onmouseout必须同时写

相关文章

  • JS:鼠标经过同时触发两个事件

    鼠标经过,同时触发两个事件的写法: onmouseover="SweapImag();ShowHideLink()...

  • 怎么区分鼠标是单击还是拖动?

    js的鼠标事件 拖拽常用事件 onmousedown 鼠标按下触发事件onmousemove 鼠标按下时持续触发事...

  • 2018-11-07 JavaScript

    Web事件 鼠标点击事件:click鼠标悬停事件:hover鼠标移走事件:mouseout鼠标提交事件,触发JS函...

  • 2018-11-07

    鼠标点击事件:click 鼠标悬停事件:hover 鼠标移走事件:mouse out 鼠标提交事件,触发JS函数:...

  • DOM事件总结

    JS中都有那些事件,简单介绍几种 1、onclick 鼠标点击时触发此事件2、ondblclick 鼠标双击时触发...

  • js的几个事件

    js的几个事件 onclick 鼠标点击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移开...

  • JS事件之onmouseover 、onmouseout 与on

    1、onmouseover、onmouseout:鼠标经过时自身触发事件,经过其子元素时也触发该事件;(父亲有的东...

  • 鼠标事件

    1、onmouseover、onmouseout:鼠标经过时自身触发事件,经过其子元素时也触发该事件;(父亲有的东...

  • js设置或禁用鼠标右键菜单

    当用户点击鼠标右键的时候oncontextmenu事件被触发 js禁用鼠标右键菜单 js自定义鼠标右键菜单 htm...

  • 事件捕捉

    js中事件捕捉的案例代码 ,事件类型 onclick 表示鼠标单击的时候触发; ondblclick 表示鼠标双击...

网友评论

      本文标题:JS:鼠标经过同时触发两个事件

      本文链接:https://www.haomeiwen.com/subject/foculqtx.html