美文网首页
鼠标的点击事件&点击的5中状态

鼠标的点击事件&点击的5中状态

作者: 梁庄十年 | 来源:发表于2019-03-03 18:02 被阅读0次

鼠标事件:

 1    mousedown:鼠标按钮按下(左键或者右键)时触发,不能通过键盘触发;

2    mouseup:鼠标按钮被释放谈起是触发,不能通过键盘触发;

3    click:点击鼠标左键或者按下回车键时触发,这点对于确保易访问性很重要,意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行;

4    dbclick: 双击鼠标左键时触发;

5    mouseover:鼠标移入目标元素上方,鼠标移到其后代元素上时会触发。

6    mouseout: 鼠标移出目标元素上方;

7    mouseenter:鼠标移入元素范围内触发,该事件不冒泡,即鼠标移到其后代元素上时不会触发;

8    mouseleave:鼠标移出元素范围内时触发;

9    mousemove:鼠标在元素内部移动时不断触发。不能通过键盘触发;

ps: 在为同一个元素同时绑定以上事件时, 执行顺序和次数是由差别的;遇到事件冲突时,可以通过定时器设置延时时间来解决

鼠标点击的5种状态:

1    a:link     为访问时的状态(鼠标点击前显示的状态)

2    a:hover    鼠标悬停时的状态

3    a:visited     已访问过的状态(鼠标点击后的状态)

4    a:actived    鼠标点击时的状态

5    a:focus   点击后鼠标移开保持鼠标点击时的状态(只有在a标签中才可能有效)

相关文章

  • 鼠标的点击事件&点击的5中状态

    鼠标事件: 1mousedown:鼠标按钮按下(左键或者右键)时触发,不能通过键盘触发; 2mouseup:鼠标按...

  • JS操作html元素中的事件

    事件在日常使用到事件,比如:按钮的点击,鼠标的点击等,那么如何给一个元素绑定事件呢,事件的绑定有几个方式呢? 绑定...

  • day_010 Python中的pygame_2

    一、事件 鼠标的事件:QUIT:关闭按键被点击事件MOUSEBUTTONDOWN:鼠标按键按下事件MOUSEBUT...

  • textview实现点击效果的注意问题

    textview也可以接受点击事件,我们可是使用XML文件产生不同状态下的点击效果,比如点击,选中,默认状态。但是...

  • useLongPress

    简介 1 .监听目标的长按事件2 .不足,长按和点击事件是分开计算的

  • [vue3快速入门] 15.vue事件处理

    我们之前已经学过使用vue处理点击事件了,使用@click就可以侦听鼠标的点击事件 我这节课再补充一下关于事件处理...

  • 点击事件

    var a = document.getElementById('anniu'); var c = documen...

  • 点击事件

    case R.id.btnBelongTown:geTown();openFilterTypeTown();bre...

  • 点击事件

    点击事件写的位置 以及文档加载

  • 点击事件

    vue的文档非常垃圾不要去百度 以@为族 @click.stop 防止事件冒泡 @click.native 清楚n...

网友评论

      本文标题:鼠标的点击事件&点击的5中状态

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