Para desenvolvedores de plataforma cruzada (Observação: todas as respostas fornecidas até agora não funcionarão no iOS) :
O mouse para cima / para baixo parecia funcionar bem no Android - mas nem todos os dispositivos, ou seja, (samsung tab4). Não funcionou em iOS .
Pesquisas posteriores parecem que isso se deve ao elemento ter seleção e a ampliação nativa interrompe o ouvinte.
Este ouvinte de eventos permite que uma imagem em miniatura seja aberta em um modal de bootstrap, se o usuário mantiver a imagem por 500 ms.
Ele usa uma classe de imagem responsiva, portanto, mostrando uma versão maior da imagem. Este pedaço de código foi totalmente testado em (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() { ... });