erhöhen Größe von Symbol/Bild auf lange drücken wie FB Messenger

Question

Wollte etwas wie Facebook Messenger Anwendung emojis machen. Wenn wir lange auf Emoji drücken, wird die Größe kontinuierlich erhöht.

Ich möchte das gleiche für Bild/Symbol in der Webseite entwickeln.

Ich möchte so mit CSS und JavaScript (falls erforderlich) machen.

Here ist das Sample wie, was ich durchführen möchte.

Wenn jemand eine Idee hat, dann lassen Sie mich bitte einen Hinweis vorschlagen.

Answer 1

Ich glaube, Sie können Intervall onmousedown Ereignis festlegen, und deaktivieren Sie dieses Intervall onmouseup. Um genauer zu sein, können Sie einfach ein Intervall von beispielsweise 100 ms erstellen und die Größe Ihres Elements alle 100 ms nach dem mousedown Ereignis erhöhen und dieses Intervall nach dem Ereignis mouseup löschen.

var interval; 
var img = $('#img'); 

img.mousedown(function(){ 
interval = setInterval(function(){ 
    var image = document.getElementById('img'); 
    image.width += 5; 
    image.height += 5; 
    }, 100); 

    return false; 
}); 

$(document).mouseup(function(){ 
    clearInterval(interval); 
    return false; 
});