JavaScript检测鼠标移动方向的方法_javascript技巧

本文实例讲述了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
, 鼠标
, 检测
移动方向
javascript 鼠标事件、javascript 鼠标悬停、javascript技巧、javascript鼠标特效、javascript 鼠标位置,以便于您获取更多的相关知识。

时间: 2024-08-04 10:04:15

JavaScript检测鼠标移动方向的方法_javascript技巧的相关文章

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

  本文实例讲述了JavaScript检测鼠标移动方向的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 function Start() { stage.addEventListener(MouseEvent.MOUSE_MOVE, CheckDirection); } Star

javascript获取当前鼠标坐标的方法_javascript技巧

本文实例讲述了javascript获取当前鼠标坐标的方法.分享给大家供大家参考.具体实现方法如下: 对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解.具体代码如下: 复制代码 代码如下: <html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv="content-type" content="text/html;chars

JS拖动鼠标画出方框实现鼠标选区的方法_javascript技巧

本文实例讲述了JS拖动鼠标画出方框实现鼠标选区的方法.分享给大家供大家参考.具体如下: 相当实用的一个JS技巧,拖动鼠标可画出一个方框,可作为一个选区的功能,可以用来画流程图,设计草图什么的,也可以作为上传头像时裁切选择图片,在头像裁切中使用广泛,鼠标在图片上拖动拉出一个方框,这个方框就代表着选区的功能,目前网页上已流行的一种操作.主要是依赖于JavaScript代码来实现. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT

javascript判断chrome浏览器的方法_javascript技巧

通过userAgent判断检测一下userAgent返回的字符串里面是否包含"Chrome", 具体怎么检测是通过indexOf方法进行的. 复制代码 代码如下: <script type="text/javascript">    var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;    alert(isChrome);    if (isChrom

纯Javascript实现ping功能的方法_javascript技巧

本文实例讲述了纯Javascript实现ping功能的方法.分享给大家供大家参考.具体实现方法如下: function ping(ip) { var img = new Image(); var start = new Date().getTime(); var flag = false; var isCloseWifi = true; var hasFinish = false; img.onload = function() { if ( !hasFinish ) { flag = true

动态加载JavaScript文件的两种方法_javascript技巧

这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法,感兴趣的小伙伴们可以参考一下 第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval()实施代码.第二种是,动静创建一个script标签,配置其src属性,经过把script标签插入到页面head来加载js,相当于正在head中写了一个<script src="..."></script>,只可是这个script标签是用js动静创建的 比喻说是我们

封装好的一个万能检测表单的方法_javascript技巧

检测表单中的不能为空(.notnull)的验证  作用:一对form标签下有多个(包括一个)表单需要提交时,使用js准确的判断当前按钮对那些元素做判断  用法:在form标签下 找到当前 表单的容器 给予class="form",当前表单的提交按钮给予 class="check"  需要验证为空的元素给予class="notnull" nullmsg="xx不能为空!"提示,需要进行逻辑判断的表单给予class="n

Javascript实现网络监测的方法_javascript技巧

本文实例讲述了Javascript实现网络监测的方法.分享给大家供大家参考.具体实现方法如下: 该代码可监测网络是否连接及网速的快慢状态. (function(){ var network = function(){ var monitor = this; /** * @param {Funcation} speedInterval */ var speedInterval = null; /** * @param {Function} networkInterval */ var networ

JavaScript动态添加列的方法_javascript技巧

本文实例讲述了JavaScript动态添加列的方法.分享给大家供大家参考.具体实现方法如下: /*** * 动态添加table 列 * @param result */ function addRow(resultJson){ /* var temp = []; temp = $.grep(arr, function(val, key) { if(val.indexOf('c') != -1) return true; // 如果[invert]参数不给或为false, $.grep只收集回调函