鼠标进入和离开元素4个方向对应的相关操作
鼠标进入和离开元素4个方向对应的相关操作
Install$ spm install wen_direction --save
Usage
var wen_direction = require('wen_direction'); // use wen_direction.run(id, enterObject, leaveObject); //或基于jquery暴露的一个接口 wen_direction.jqRun(id, e) 介绍
这个模块用于判断鼠标是从哪个方向进入和离开元素后的相关回调操作
1、这个对象暴露的run方法,有三个参数:wen_direction.run(id, enterObject, leaveObject)
id : 元素的id
enterObject:用于判断鼠标是从哪个方向进入元素后的对象,对象必须含有四个方向的回调方法,即如下
enterObjext = {
left:function(self){//self是对id这个元素的引用
//这里是鼠标从左边进入元素后的回调
},
right: function(self){
//这里是鼠标从右边进入元素后的回调
},
top: function(self){
//这里是鼠标从上边进入元素后的回调
},
bottoom: function(self){
//这里是鼠标从下边进入元素后的回调
}
}
leaveObject:用于判断鼠标是从哪个方向离开元素后的对象,对象必须含有四个方向的回调方法,即如下:
leaveObject = {
left:function(self){//self是对id这个元素的引用
//这里是鼠标从左边离开元素后的回调
},
right: function(self){
//这里是鼠标从右边离开元素后的回调
},
top: function(self){
//这里是鼠标从上边离开元素后的回调
},
bottom: function(self){
//这里是鼠标从下边离开元素后的回调
}
}
```
2、这个对象暴露了的jqRun方法,有2个参数:wen_direction.jqRun(id, e);这个方法是基于jQuery的
id : 元素的jquery对象的引用 e :传入的query的事件对象版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。