Javascript 只要单击按钮,如何执行操作?
我想创建一个jQuery控件,允许我查看图像(比如,放大、缩小、向左、向右、向上、向下、重置等) 它工作得很好,但是如果我想做什么,我必须再次点击按钮很多次(例如放大)——所以我的想法是只要点击一个按钮就绑定函数。所以我可以点击放大按钮,只要我按住按钮,图像就会放大 但我没有找到任何API文档,说明如果单击按钮,如何获取信息。没有“单击”属性或类似属性Javascript 只要单击按钮,如何执行操作?,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,我想创建一个jQuery控件,允许我查看图像(比如,放大、缩小、向左、向右、向上、向下、重置等) 它工作得很好,但是如果我想做什么,我必须再次点击按钮很多次(例如放大)——所以我的想法是只要点击一个按钮就绑定函数。所以我可以点击放大按钮,只要我按住按钮,图像就会放大 但我没有找到任何API文档,说明如果单击按钮,如何获取信息。没有“单击”属性或类似属性 那么,只要反复单击按钮,我怎么做呢?您可以为按钮上的mousedown事件绑定一个处理程序 这将调用setTimeout,这将依次调用缩放功能和
那么,只要反复单击按钮,我怎么做呢?您可以为按钮上的
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);
});
var定时器,
缩放=函数(){
$('body').append('zoom
');
定时器=设置超时(缩放,25);
};
$('button').mousedown(函数(){
定时器=设置超时(缩放,25);
}).mouseup(函数(){
清除超时(计时器);
});
你可能需要根据自己的需要调整时间