Javascript 如何在我手指移动的时候让jquerymobile与X/Y保持一致?就像桌面上的鼠标移动一样

Javascript 如何在我手指移动的时候让jquerymobile与X/Y保持一致?就像桌面上的鼠标移动一样,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我正在为颜色选择器编写代码,特别是为移动设备编写代码 这段代码在我的桌面上运行,只要鼠标移动,颜色就会刷新(“mousemove”),如何通过移动事件实现同样的效果?点击一下,或者什么东西就触发一次。在Windows Firefox、Android Jellybean 4.1和iPad上测试。 jQuery移动代码: $('#index').on('touchstart vmousedown', function(){ $('#startend').text('Touch start')

我正在为颜色选择器编写代码,特别是为移动设备编写代码


这段代码在我的桌面上运行,只要鼠标移动,颜色就会刷新(“mousemove”),如何通过移动事件实现同样的效果?点击一下,或者什么东西就触发一次。

在Windows Firefox、Android Jellybean 4.1和iPad上测试。 jQuery移动代码:

$('#index').on('touchstart vmousedown', function(){
    $('#startend').text('Touch start');
})

$('#index').on('touchmove vmousemove', function(event){
    $('#move-x').text(event.pageX);
    $('#move-y').text(event.pageY);
})

$('#index').on('touchend vmouseup', function(){
    $('#startend').text('Touch end');
});
和HTML:

<div id="index">
    //content here
</div>
<span id="move-x"></span>
<span id="move-y"></span>
<span id="startend"></span>

//满足于此
好的,谢谢,jquery 1.9删除了“live”,但它也使用了“on:)