2011-04-28 36 views
2

我想創建一個jQuery控件,允許我查看圖像(比如;放大,縮小,移動左,右,上,下,重置等)只要單擊按鈕,如何執行操作?

它工作正常,但如果我想做點什麼,我必須多次點擊按鈕(例如放大) - 所以我的想法是隻要單擊按鈕就可以綁定該功能。所以我可以點擊放大按鈕,只要按住按鈕,圖像就會放大。

但我沒有找到任何API文檔如何獲取信息,如果按鈕被點擊。沒有「點擊」屬性或類似的東西。

那麼,我該怎麼辦只要按鈕被點擊,反覆?

回答

1

您可以爲按鈕上的mousedown事件綁定處理程序。

這應該調用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

你可能有時代調整您的需求。

+0

@ApoY2k:不客氣:) – 2011-04-28 09:38:01

相關問題