使用频率 | 中 |
所属模块 | 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) |
Std.dom("button").mouse({
enter:function(e){
console.log("enter");
},
leave:function(){
console.log("leave")
},
longpress:function(){
console.log("+");
}
});