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)
})