拖动物体的时候,防止鼠标按下的时候对象突然跳动一下

$(function() {
    init();
});
// mouse interaction drag
// 拖动物体的时候,防止鼠标按下的时候对象突然跳动一下;

var stage, output;
var diff={}; // 偏移量;

function init(e) {
    stage = new createjs.Stage(‘demo1‘);

    stage.mouseMoveOutside = true;

    var circle = new createjs.Shape();
    circle.graphics.beginFill(‘red‘).drawCircle(0,0,50);

    var label = new createjs.Text(‘drag me‘,‘bold 14px Arial‘,‘#ffffff‘);
    label.textAlign = ‘center‘;
    label.y = -7;

    var dragger = new createjs.Container();
    dragger.x = dragger.y = 100;
    dragger.addChild(circle, label);
    stage.addChild(dragger);

    dragger.on(‘pressmove‘,function(evt){
        evt.currentTarget.x = evt.stageX-diff.x;
        evt.currentTarget.y = evt.stageY-diff.y;

        stage.update();
    });

    dragger.on(‘mousedown‘,function(evt){
        // plan1
//        diff = dragger.globalToLocal( evt.stageX,evt.stageY);
//        console.log(diff);
        // plan2
        diff.x = evt.stageX-evt.currentTarget.x;
        diff.y = evt.stageY-evt.currentTarget.y;
        console.log(diff);
    });

    stage.update();
}
时间: 2024-08-02 13:06:19

拖动物体的时候,防止鼠标按下的时候对象突然跳动一下的相关文章

在unity中用鼠标实现在场景中拖动物体,用鼠标滚轮实现缩放

在场景中添加一个Plan,Camera,Directional Light,Cube.添加两个脚本scrollerScirpt(挂在Camera),CubeDragScript(挂在Cube上). 1.鼠标滚轮实现缩放:将摄像机的镜头拉近或者拉远,调整摄像机的视角就可以实现,主要实现代码如下: void Update () { //鼠标滚轮的效果 //Camera.main.fieldOfView 摄像机的视野 //Camera.main.orthographicSize 摄像机的正交投影 //

Qt实战之开发软件数据获取助手(eventFilter处理鼠标按下,event处理鼠标松开)

前段时间,受朋友委托,需要做一个能够获取别人软件文本框中内容的助手.当然这需要调用win api来解决问题.一开始,我想都没想,就用getWindowText()....居然没用,好郁闷.于是查msdn..发现关于返回值,是这样写的 Return Values The length, in characters, of the copied string, not including the terminating null character, indicates success. Zero

unity中鼠标按下加速漫游,鼠标抬起减速漫游。

private bool IsMouseUpOrDown=true; //一开始默认是鼠标抬起状态 if (Input.GetMouseButtonDown(1)) //鼠标按下的瞬间状态 { IsMouseUpOrDown = false; //鼠标按下 } if (Input.GetMouseButton(1))  //鼠标持续按下的状态 { if (IsMouseUpOrDown == false) { if (moveSpeed >= 1.5f) { Debug.LogError("

原生态js,鼠标按下后,经过了那些单元格

本来是要判断那些单元格被选中,结果发现行不通,只能判断鼠标按下后,经过了那些单元格 之所以发出来,是觉得案例还有很多有意思的地方 onmouseover  的持续触发,导致了很多重复元素 由于将事件绑定在整个table上,还出现了undefined 鼠标的反复进入进出,会导致相同元素的断断续续的重复, 如何解决他们! <table border="1" id="dnf"> <tr> <td rowspan="2"&g

js最基础知识回顾2(函数传参,操作属性的第二种方式,提取行间事件,操作一组元素,this,焦点问题和鼠标按下抬起,选项卡)

一.函数传参     1.函数传参:参数就是占位符----函数里定不下来的东西 a. var a1=function(){ alert(123); }; function a(f){ // 相当于 f=a1 f(); }; a(a1); b.  function skip(skipPath){  //换肤 var oLink1 = document.getElementById('link1'); oLink1.href=skipPath; } c.   function setStyle(na

[Android TV 按键响应]listview的textview跑马灯在鼠标控制下失效的问题

问题:遥控按键选中的选项有跑马灯效果,但是鼠标事件来说,没有跑马灯效果 解题过程:重写一个类继承textview,永远获取焦点,不行.即使我再OnhoverListener里面实现onHover并且对textview获取了焦点,但是仍旧不行 解决方法:最后重写一个类继承textview,永远获取焦点,并且对textview调用了setSelected(true)之后就可以了. public class MarqueeTextView extends TextView { public Marqu

[WPF]获取鼠标指针下的元素

原文:[WPF]获取鼠标指针下的元素   [WPF]获取鼠标指针下的元素 周银辉 以前写过一些GetElementUnderMouse之类的函数,要用到坐标换算而显得有些麻烦(特别是当元素有XXXTransform的时候) 今天看到Mouse类居然有一个DirectlyOver属性,可以获得鼠标下的元素, 很奇怪,我的MSDN文档以及VS2008智能提示中都没有显示该属性,但反编译一下可以看到. 但必须注意到的一点是,WPF控件是由各个元素复合而成的,但Mouse类可不知道这概念,所以不要期望它

经典的 div + css 鼠标 hover 下拉菜单

经典的 div + css 鼠标 hover 下拉菜单 效果图: 源码: <html> <head> <meta charset="utf-8"> <style type="text/css"> nav { margin:100px auto; text-align:center; } nav ul { border-radius:10px; background:linear-gradient(to bottom,#

转帖 利用伪元素和css3实现鼠标移入下划线向两边展开效果

原帖地址   https://www.cnblogs.com/yangjunfei/p/6739683.html 感谢分享 一.思路: 将伪元素:before和:after定位到元素底部中间,设置宽度从0变成100%达到目的. 二.实现: 1.首先定义一个块状元素(行内元素没有宽高)并修改样式为一个背景色为浅灰色的矩形,设置相对定位. html代码 <div id="underline"></div> css样式 #underline{ width: 200px