Для кросс-платформенных разработчиков (Примечание. Все ответы, приведенные до сих пор, не будут работать на iOS) :
Mouseup / down, похоже, нормально работает на Android, но не на всех устройствах, например (samsung tab4). На iOS вообще не работало .
Дальнейшие исследования показывают, что это связано с тем, что элемент имеет выделение, а собственное увеличение прерывает слушателя.
Этот прослушиватель событий позволяет открывать эскизное изображение в модальном режиме начальной загрузки, если пользователь удерживает изображение в течение 500 мс.
Он использует класс отзывчивого изображения, поэтому показывает увеличенную версию изображения. Этот фрагмент кода был полностью протестирован (iPad / Tab4 / TabA / Galaxy4):
var pressTimer;
$(".thumbnail").on('touchend', function (e) {
clearTimeout(pressTimer);
}).on('touchstart', function (e) {
var target = $(e.currentTarget);
var imagePath = target.find('img').attr('src');
var title = target.find('.myCaption:visible').first().text();
$('#dds-modal-title').text(title);
$('#dds-modal-img').attr('src', imagePath);
// Set timeout
pressTimer = window.setTimeout(function () {
$('#dds-modal').modal('show');
}, 500)
});
jQuery(...).longclick(function() { ... });