javascript - 只要点击一个按钮，如何执行一个 Action ？

Question

我想创建一个允许我查看图像的 jQuery 控件(例如；放大、缩小、向左、向右、向上、向下、重置等)

它工作正常，但如果我想做某事，我必须再次点击按钮多次(例如放大)——所以我的想法是只要点击一个按钮就绑定(bind)该功能。所以我可以点击放大按钮，只要按住按钮，图像就会放大。

但是我没有找到任何关于如何在单击按钮时获取信息的 API 文档。没有“点击”属性或类似的属性。

那么，只要按钮被反复点击，我该如何做呢？

Answer 1

您可以为按钮上的 mousedown 事件绑定(bind)一个处理程序。

这应该调用 setTimeout，后者又应该调用缩放函数和另一个 setTimeout。

停止 mouseup 的超时。

var timer,
    zoom = function() {
        $('body').append('zoom <br />');
        timer = setTimeout(zoom, 25);
    }; 

$('button').mousedown(function() {
   timer = setTimeout(zoom, 25);
}).mouseup(function() {
   clearTimeout(timer);
});

DEMO

您可能需要根据需要调整时间。