2011-04-28 4 views
2

이미지를 볼 수있는 jQuery 컨트롤을 만들고 싶습니다. (확대, 축소, 왼쪽, 오른쪽, 위, 아래, 재설정 등)버튼을 클릭하는 동안 작업을 수행하는 방법은 무엇입니까?

괜찮 으면 작동하지만 원하는 경우 무언가를, I (예 : 확대) 다시 여러 번 버튼을 클릭해야 - 그래서 내 생각은 한 버튼이 클릭으로 기능을 결합했다. 확대 버튼을 클릭하면 버튼을 누르고있는 동안 이미지가 확대됩니다.

하지만 버튼을 클릭하면 정보를 얻을하는 방법에 대한 API 문서를 찾을 수 없습니다. "클릭 된"속성이나 그와 비슷한 것은 없습니다.

그럼 어떻게 버튼을 클릭하면가 반복적으로 수행되는데 을 수행 할 수 있습니까?

답변

1

당신은 버튼의 mousedown 이벤트에 대한 처리기를 바인딩 할 수 있습니다.

이 차례로 줌 기능과 다른 setTimeout를 호출해야 setTimeout를 호출해야합니다.

mouseup에 타임 아웃을 중지합니다.

DEMO

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

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

당신은 아마 당신의 필요에 따라 시간을 조정해야합니다. ApoY2k @

+0

: 천만에요 :) –

관련 문제