双击jquery mobile

Question

我有下载图片的代码：

Route::group(['middleware' => ['jwt.auth', 'jwt.refresh']], function() {

我可以检查移动设备上的双击：

<a href="$img" class="download-img" download><img src="$img"></a>

我如何加入这2部分代码，从双击而不是单个

下载图像

Answer 1

如果捕获事件参数，只需单击一下即可调用e.preventDefault()。

$('.download-img').on('click', function(e) {
    //                                  ^ capture the event
    if(touchtime == 0) {
        //set first click
        touchtime = new Date().getTime();
        e.preventDefault();
    } else {
        ...
    } 
});

您也可以使用dblclick事件，而不是滚动自己的双击逻辑。

Answer 2

这是我想出的。虽然肯定会检查MrCode在他的回答中提到的$('.download-img').on('click', function(e){ var $link = $(this); //if the time now minus the time stored on the link, or 0 if there is not one, is less than 800, it's valid if ( Date.now() - ($link.data('touchtime') || 0) < 800 ) { console.log('double click'); } else { //time did not exist, or it exceeded the 800 threshold, set a new one $link.data('touchtime', Date.now()); //prevent the click e.preventDefault(); } }); 事件。

{{1}}