У меня есть мобильный сайт, где мне нужно -in единственное page- для просмотра и скрытия значка при прикосновении. Я хотел бы иметь изображение, которое, когда я касаюсь в случайной точке экрана, появляется там, и когда я прикасаюсь в другом месте экрана, он появляется там, где я сейчас коснулся. Как курсор. Возможно? Вы знаете, как это сделать? Благодарю!
Я считаю, что это то, за что ты гонг.
var $img = $('<img/>').attr({
'id': 'cursor',
'src': 'http://www.nicenicejpg.com/50'
});
$(document).on('touchstart', function (e) {
var touch = e.originalEvent.touches["0"];
$img.css({
top: touch.clientY - 25,
left: touch.clientX - 25,
display: 'block'
});
});
$img.appendTo('body');
Вы просто слушаете сенсорный старт на документе и перемещаете изображение в координаты, где произошло событие первого касания touchstart.
Вот небольшая демонстрация: http://jsbin.com/dodipide/6/edit
Кроме того, если вы хотите, чтобы он работал с сенсорным или кликом, вы можете подойти так:
var $img = $('<img/>').attr({
'id': 'cursor',
'src': 'http://www.nicenicejpg.com/50'
});
$(document).on('touchstart click', function (e) {
var normalizedishEvent = e.originalEvent.touches ? e.originalEvent.touches["0"] : e;
$img.css({
top: normalizedishEvent.clientY - 25,
left: normalizedishEvent.clientX - 25,
display: 'block'
});
});
$img.appendTo('body');
Вот сценарий этого: http://jsbin.com/dodipide/7/edit