JavaScript检测鼠标移动方向的方法


Posted in Javascript onMay 22, 2015

本文实例讲述了JavaScript检测鼠标移动方向的方法。分享给大家供大家参考。具体实现方法如下:

function Start() {
  stage.addEventListener(MouseEvent.MOUSE_MOVE, CheckDirection);
}
Start();
var prevX=0;
var prevY=0;
var curX=0;
var curY=0;
 
var dirX:String="";
var dirY:String="";
function CheckDirection(e:MouseEvent) {
  trace("X movement: " + GetHorizontalDirection() + ", Y movement: " + GetVerticalDirection());
  e.updateAfterEvent();
}
function GetHorizontalDirection():String {
  prevX=curX;
  curX=stage.mouseX;
  if (prevX>curX) {
    dirX="left";
  } else if (prevX < curX) {
    dirX="right";
  } else {
    dirX="none";
  }
  return dirX;
}
function GetVerticalDirection():String {
  prevY=curY;
  curY=stage.mouseY;
  if (prevY>curY) {
    dirY="up";
  } else if (prevY < curY) {
    dirY="down";
  } else {
    dirY="none";
  }
  return dirY;
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JS判断表单输入是否为空(示例代码)
Dec 23 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
浅析Bootstrip的select控件绑定数据的问题
May 10 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
基于javascript实现数字英文验证码
Jan 25 Javascript
在React中如何优雅的处理事件响应详解
Jul 24 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 Javascript
vue学习笔记之给组件绑定原生事件操作示例
Feb 27 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
Apr 29 Javascript
jQuery实现强制cookie过期方法汇总
May 22 #Javascript
jQuery判断指定id的对象是否存在的方法
May 22 #Javascript
jQuery实现转动随机数抽奖效果的方法
May 21 #Javascript
JQuery分屏指示器图片轮换效果实例
May 21 #Javascript
jQuery聚合函数实例
May 21 #Javascript
js获取页面description的方法
May 21 #Javascript
js同源策略详解
May 21 #Javascript
You might like
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
PHP使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
JavaScript(js)设置默认输入焦点(focus)
2012/12/28 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
详解angularjs 关于ui-router分层使用
2017/06/12 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
vue实现短信验证码输入框
2020/04/17 Javascript
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
Python的Flask开发框架简单上手笔记
2015/11/16 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
python hash每次调用结果不同的原因
2019/11/21 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
详解Python3中的 input() 函数
2020/03/18 Python
Python中格式化字符串的四种实现
2020/05/26 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
Yahoo-PHP面试题1
2016/07/20 面试题
建筑系毕业生自我鉴定
2014/01/24 职场文书
企业车辆管理制度
2014/01/24 职场文书
2014年元旦感言
2014/03/06 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
预备党员公开承诺书
2014/05/28 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
公司会议开幕词
2016/03/03 职场文书
《中华上下五千年》读后感3篇
2019/11/29 职场文书