DOM事件的鼠标时间的类型

一.鼠标按钮事件
click:在用户单击或者按下回车键时触发
切记要在事件前加on

a.onclick = function () {
            console.log('单击');
        }

blclick:在用户双击时触发

 a.ondblclick = function () {
            console.log('双击');
        }

mousedown:在用户点击鼠标按钮触发

a.onmousedown = function () {
            console.log('鼠标按下');
        }

mouseup:用户释放鼠标按钮触发

a.onmouseup = function () {
            console.log('鼠标释放');
        }

mouseenter:在鼠标光标从元素外部移动到元素范围内触发

a.onmouseenter = function () {
            console.log('动感光波biu');
        }

mouseleave:和mouseenter搭配使用 当鼠标光标移到外部会触发

a.on mouseleave = function () {
            console.log('动感光波bibibi');
        }

mousemove:当鼠标指针在元素内部移动时重复触发

a.on mousemove = function () {
            console.log('我在元素内部动');
        }

mouseout:在鼠标从一个元素移动到另一个元素触发,又移到另一个元素可能位于前一个元素的外部 也可能是这个元素的子元素

a.onmouseout = function () {
            console.log('我走了');
        }

mouseover:在鼠标指针位于一个元素外部,然后用户将其首次移入另一个元素边界之内时触发

a.on mouseover= function () {
            console.log('哈哈');
        }

鼠标滚轮事件

a.onmousewheel{
console.log('滚动')
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,925评论 1 11
  • 事件类型 Web 浏览器中可能发生的事件有很多类型UI事件:当用户与界面上的元素交互时触发。焦点事件:当元素获得或...
    shanruopeng阅读 4,503评论 0 0
  • DOM3级事件中定义了以下9个鼠标事件: click:在用户单击主鼠标按钮或者按下回车键时触发。意味着onclic...
    陆lmj阅读 5,002评论 0 1
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 3,966评论 0 4
  • 本篇博客源地址 总结: 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 3,971评论 0 1

友情链接更多精彩内容