Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在mousedown上移动Kineticjs中的图像?_Jquery_Html_Kineticjs - Fatal编程技术网

Jquery 如何在mousedown上移动Kineticjs中的图像?

Jquery 如何在mousedown上移动Kineticjs中的图像?,jquery,html,kineticjs,Jquery,Html,Kineticjs,我正在使用Kineticjs开发一个javascript编辑器,在这里我可以添加图像并将它们向上、下、左、右方向移动。我已经通过使用像这样的移动方法将图像移动到这些方向中的任何一个 CurrentGroup.move(0,-1); 现在,我希望当用户点击任何向上、向下、向左和向右键时。只要用户一直单击鼠标,图像就应该继续在鼠标上向下移动。我被困在这里,因为我当前的方法在这种情况下不起作用 先谢谢你 您可以监听文档上的按键事件,并适当移动您的动态对象。 $(document).keydown(f

我正在使用Kineticjs开发一个javascript编辑器,在这里我可以添加图像并将它们向上、下、左、右方向移动。我已经通过使用像这样的移动方法将图像移动到这些方向中的任何一个

CurrentGroup.move(0,-1);
现在,我希望当用户点击任何向上、向下、向左和向右键时。只要用户一直单击鼠标,图像就应该继续在鼠标上向下移动。我被困在这里,因为我当前的方法在这种情况下不起作用


先谢谢你

您可以监听文档上的按键事件,并适当移动您的动态对象。

$(document).keydown(function (event) {
    switch(event.which){
        case 37: // left-arrow
            CurrentGroup.move(-1,0);
            layer.draw();
            break;
        case 39: // right-arrow
            CurrentGroup.move(1,0);
            layer.draw();
            break;
        case 38: // up-arrow
            CurrentGroup.move(0,-1);
            layer.draw();
            break;
        case 40: // down-arrow
            CurrentGroup.move(0,1);
            layer.draw();
            break;
    }
});

你的解决方案真的很棒,我把它作为公认的答案。事实上,我需要用同样的方式在鼠标下移动图像。当用户单击箭头按钮时,只要鼠标键按下,图像就会继续移动。所以,请在这方面帮助我。下面是一个在mousedown上实施移动的示例:干杯!