• Javascript鼠标事件


    鼠标事件的种类:

    click:用户单击左键时发生(单击右键不会发生)。如果焦点在一个按钮上,并按下回车键,也会触发该事件。

    dbclick:用户双击鼠标左键时发生(双击右键时不会发生)。

    mousedown:用户按下任一个鼠标按键时发生。用事件对象的 button 属性可以获得按下的按键。

    mouseup:用户松开一个鼠标按键时发生。用事件对象的 button 属性可以获得按下的按键。

    mouseover:用户把鼠标指针移入对象时发生。此时用事件对象的 toElement 属性可以获知移入的对象,用 fromElement 属性可以获知移出的对象。

    mouseout:用户把鼠标指针移出对象时发生。此时用事件对象的 toElement 属性可以获知移入的对象,用 fromElement 属性可以获知移出的对象。

    mousemove:用户在对象中移动鼠标指针时发生。

    事件发生顺序:

    一个鼠标动作可能会触发多个事件,它们发生的时刻有所不同,你可以根据需要决定响应哪个事件。

    比如单击鼠标左键,会按以下顺序发生事件:

    mousedown-mouseup-click

    也就是说,我们常用的 click 事件是在松开鼠标左键后才发生的。

    双击鼠标左键,会按以下顺序发生事件:

    mousedown-mouseup-click-mousedown-mouseup-click-dbclick

    事件属性:

    当发生了鼠标事件后,event 对象会填写以下属性:

    1、type 属性:值为事件的名称。比如,发生了 click 事件后,event.type 的值为 "click"。

    2、位置属性:包括 clientX、clientY 等,它们的值是事件发生时鼠标指针的位置,单位为像素。

    3、button 属性:表示事件发生时鼠标按键的状态。(不适用于 click 和 dbclick 事件)

    4、shiftKey、altKey、ctrlKey 属性:值为 true 或 false,表示事件发生时 Shift、Alt、Ctrl 键的状态。

    5、srcElement 属性:值为引起事件的对象。(非IE浏览器为 target 属性)

    6、fromElement、toElement 属性:只适用于 mouseover 和 mouseout 事件,值为移出和移入的对象。

  • 相关阅读:
    分享一个新软件 云端软件平台+个人使用心得
    扩展easyui.datagrid,添加数据loading遮罩
    在Flash中结合webservice 实现无缝滚动效果
    使用HttpWebRequest访问Web服务,并传递Cookie数据
    批量生成一组不同随机字符串
    文章分享代码
    jQuery.easyui与jQuery UI冲突
    转换BBSXP 2008到Discuz X1.5部分问题解决记录
    在ASP.NET的server form 中使用easyui的layout布局控件
    神奇3D圣诞树高超的技术!
  • 原文地址:https://www.cnblogs.com/xuemykisskui/p/4220526.html
Copyright © 2020-2023  润新知