JQuery 获取touchstart,touchmove,touchend 坐标


JQuery写法:

$('#id').on('touchstart',function(e) {

     var  _touch = e.originalEvent.targetTouches[0];
     var  _x= _touch.pageX;
});
 
$( '#id' ).on( 'touchmove' , function (e) {
     var  _touch = e.originalEvent.targetTouches[0];
     var  _x= _touch.pageX;
});
 
$( '#id' ).on( 'touchend' , function (e) {
     var  _touch = e.originalEvent.changedTouches[0];
     var  _x= _touch.pageX;
}
原生写法:
document.getElementById( "id" ).addEventListener( "touchstart" , function (e)
{
     var  _x=e.touches[0].pageX;
     var  _y=e.touches[0].pageY;
     console.log( "start" ,_x)
})
document.getElementById( "id" ).addEventListener( "touchmove" , function (e)
{
     var  _x=e.touches[0].pageX;
     var  _y=e.touches[0].pageY;
     console.log( "move" ,_x)
})
document.getElementById( "id" ).addEventListener( "touchend" , function (e)
{
     var  _x=e.changedTouches[0].pageX;
     var  _y=e.changedTouches[0].pageY;
     console.log( "end" ,_x)
})


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM