在Firefox中反复单击按钮

Question

我在表格中有一个按钮（id =“next”），用于浏览从服务器下载的一些记录。每次按下时，我的表单中都会显示一条新记录。该按钮不会发送到服务器;一切都已下载并存储到客户端。我的问题是，如果有人反复快速地点击按钮，它会显示“保存图像”窗口。这种情况仅适用于Mozilla，而不适用于IE11和Chrome。你有什么想法阻止窗口弹出？

<div class="search_button" id="next" title="Go for next"><img src="img/next.png"></div>

我尝试了以下方法;结果更好，但不满意：

$("#next").on('click', function() { 
      $("#next").css("pointer-events","none");  
      setTimeout(function(){ $("#next").css("pointer-events","auto") }, 500);
});

Answer 1

将next.png设为div#next的背景。

#next应该有CSS user-select: none。