首页 教程 API文档

鼠标事件组

2015-09-08 16:39:10

属性


使用频率
所属模块 Std.dom
成员类型 公有成员函数

描述


mouse是用于处理鼠标事件组的方法.

它可以处理 mouseenter mouseleave mousedown mouseup click dblclick longpress 事件,但该方法只会在DOM元素上绑定mousedown这一个事件.

该方法可以自动根据当前状态添加对应的class,例如鼠标进入时候添加hover,鼠标按下时候添加press

(该方法是一个实验性的方法,以后有可能会产生变更)

语法



Object mouse(Object option);
Object mouse(Object option,Object event);
        

参数


名称 类型 描述
option Object 参数选项
event Object 默认事件参数

参数选项


名称 类型 默认值 描述
enter Function null 鼠标进入时候的事件函数
leave Function null 鼠标离开时候的事件函数
down Function null 鼠标按下时候执行的事件函数
up Function null 鼠标抬起时候执行的事件函数
click Function null 鼠标点击时候执行的事件函数
dblclick Function null 鼠标双击时候执行的事件函数
longpress Function null 鼠标长按时候间隔触发的事件函数
unselect Boolean false 是否禁止该元素的文本内容被选中
classStatus Boolean true 是否自动添加对应的class名称,鼠标进入时候添加hover,按下时候添加press
auto Boolean true 是否绑定mouseenter事件,如果该值为false,那么只能手动触发,需要传递第二个参数
delay Number 600 鼠标按下之后延迟多少毫秒之后开始执行长按事件
interval Number 100 长按时候事件触发执行间隔时间(ms)

返回值


this对象

相关例子


给button绑定鼠标事件组


Std.dom("button").mouse({
    enter:function(e){
        console.log("enter");
    },
    leave:function(){
        console.log("leave")
    },
    longpress:function(){
        console.log("+");
    }
});