javascript判断鼠标移动方向
来源:互联网 发布:在淘宝怎么开店 编辑:程序博客网 时间:2024/06/04 19:16
var gaga = function(wrap){
var wrap = document.getElementById(wrap);
var hoverDir = function(e){
var w = wrap.offsetWidth,
h = wrap.offsetHeight,
x = ( e.clientX - wrap.offsetLeft - ( w / 2 ) ) * ( w > h ? ( h / w ) : 1 ),
y = (e.clientY - wrap.offsetTop - (h / 2)) * (h > w ? (w / h) : 1),
// 上(0) 右(1) 下(2) 左(3)
direction = Math.round( ( ( ( Math.atan2( y, x ) * ( 180 / Math.PI ) ) + 180 ) / 90) + 3 ) % 4,
eventType = e.type,
dirName = new Array('上方','右侧','下方','左侧');
if( e.type == 'mouseover' || e.type == 'mouseenter' ){
wrap.innerHTML = dirName[direction] + '进入';
}else{
wrap.innerHTML = dirName[direction] + '离开';
}
}
if( window.addEventListener ){
wrap.addEventListener( 'mouseover',hoverDir,false );
wrap.addEventListener( 'mouseout',hoverDir,false );
}else if( window.attachEvent ){
wrap.attachEvent( 'onmouseenter',hoverDir );
wrap.attachEvent( 'onmouseleave',hoverDir );
}
}
gaga('hahahahaha');
var wrap = document.getElementById(wrap);
var hoverDir = function(e){
var w = wrap.offsetWidth,
h = wrap.offsetHeight,
x = ( e.clientX - wrap.offsetLeft - ( w / 2 ) ) * ( w > h ? ( h / w ) : 1 ),
y = (e.clientY - wrap.offsetTop - (h / 2)) * (h > w ? (w / h) : 1),
// 上(0) 右(1) 下(2) 左(3)
direction = Math.round( ( ( ( Math.atan2( y, x ) * ( 180 / Math.PI ) ) + 180 ) / 90) + 3 ) % 4,
eventType = e.type,
dirName = new Array('上方','右侧','下方','左侧');
if( e.type == 'mouseover' || e.type == 'mouseenter' ){
wrap.innerHTML = dirName[direction] + '进入';
}else{
wrap.innerHTML = dirName[direction] + '离开';
}
}
if( window.addEventListener ){
wrap.addEventListener( 'mouseover',hoverDir,false );
wrap.addEventListener( 'mouseout',hoverDir,false );
}else if( window.attachEvent ){
wrap.attachEvent( 'onmouseenter',hoverDir );
wrap.attachEvent( 'onmouseleave',hoverDir );
}
}
gaga('hahahahaha');
0 0
- javascript判断鼠标移动方向
- 判断鼠标移动方向
- js判断鼠标移动方向
- jquery判断鼠标移动方向--版本2
- JavaScript判断鼠标滚轮滚动方向
- [JavaScript] 判断鼠标进入容器方向
- c#判断鼠标移动的方向调整矩形大小
- 判断鼠标滚动方向
- 【JS】鼠标移动方向插件
- 判断鼠标进入容器方向
- 鼠标和滚轮方向判断
- 判断鼠标移动事件
- 根据移动速度方向判断手势方向
- 判断鼠标进入容易的方向,js判断划入方向
- unity3d游戏物体跟着鼠标方向移动
- Uniyt3d物体跟随鼠标方向移动
- unity3d游戏物体跟着鼠标方向移动
- unity3d游戏物体跟着鼠标方向移动
- HDU2041 超级楼梯
- 一个简单的crackme,程序是由.Net编写的
- poj 1159 Palindrome(lcs类似dp)
- 多线程编程: 条件变量(一)
- u-boot分析(十一)
- javascript判断鼠标移动方向
- POSIX File Capabilities
- LeetCode Search in Rotated Sorted Array
- bcb 屏保
- 解决Eclipse中SVN版本比较中文乱码问题
- 利用XML布局自定义列表样式
- Python入门
- php中const和static的区别
- Win7系统应用技巧集锦