按钮点击的延迟处理

#import "UIButton+touch.h"
#import <objc/runtime.h>
@interface UIButton()
/**bool 类型   设置是否执行点UI方法*/
@property (nonatomic, assign) BOOL isIgnoreEvent;
@end
@implementation UIButton (touch)
+ (void)load{
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        SEL selA = @selector(sendAction:to:forEvent:);
        SEL selB = @selector(mySendAction:to:forEvent:);
        Method methodA =   class_getInstanceMethod(self,selA);
        Method methodB = class_getInstanceMethod(self, selB);
       BOOL isAdd = class_addMethod(self, selA, method_getImplementation(methodB), method_getTypeEncoding(methodB));
        if (isAdd) {
            class_replaceMethod(self, selB, method_getImplementation(methodA), method_getTypeEncoding(methodA));
        }else{
            method_exchangeImplementations(methodA, methodB);
        }
    });
}
- (NSTimeInterval)timeInterval
{
    return [objc_getAssociatedObject(self, _cmd) doubleValue];
}
- (void)setTimeInterval:(NSTimeInterval)timeInterval
{
    objc_setAssociatedObject(self, @selector(timeInterval), @(timeInterval), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    
}
- (void)mySendAction:(SEL)action to:(id)target forEvent:(UIEvent *)event
{
    if ([NSStringFromClass(self.class) isEqualToString:@"UIButton"]) {
        if (self.isIgnoreEvent == 0) {
            self.timeInterval =self.timeInterval ==0 ?defaultInterval:self.timeInterval;
        };
        if (self.isIgnoreEvent) return;
        if (self.timeInterval > 0)
        {
            self.isIgnoreEvent = YES;
            [self performSelector:@selector(setIsIgnoreEvent:) withObject:@(NO) afterDelay:self.timeInterval];
        }
        
    }
    [self mySendAction:action to:target forEvent:event];
    
}
- (void)setIsIgnoreEvent:(BOOL)isIgnoreEvent{
    objc_setAssociatedObject(self, @selector(isIgnoreEvent), @(isIgnoreEvent), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
- (BOOL)isIgnoreEvent{
    return [objc_getAssociatedObject(self, _cmd) boolValue];
}
@end

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 防抖 (debouncing) 是一种技术,旨在减少函数在短时间内被频繁调用的情况。 在 JavaScript 中,可以通过使用 setTimeout 函数来实现防抖。 例如,假设你有一个在点击按钮时调用的函数: ``` function handleClick() { console.log('Button clicked'); } document.querySelector('button').addEventListener('click', handleClick); ``` 要在点击按钮时实现防抖,可以这样改写代码: ``` function debounce(fn, delay) { let timer; return function() { clearTimeout(timer); timer = setTimeout(() => fn.apply(this, arguments), delay); }; } function handleClick() { console.log('Button clicked'); } document .querySelector('button') .addEventListener('click', debounce(handleClick, 1000)); ``` 在上面的代码中,我们使用了 debounce 函数来包装 handleClick 函数,并将 debounce 函数作为事件监听器的回调函数。这样,每当点击按钮时,都会清除 timer 并重新设置它,以延迟调用 handleClick 函数。如果在延迟期间再次点击按钮,则会再次清除 timer 并重新设置它,从而再次延迟调用 handleClick 函数。这样,就可以在点击按钮时实现防抖了。 ### 回答2: JavaScript的防抖是一种技术,用于限制连续的重复操作。当用户点击一个按钮或执行某个操作时,防抖可以确保在一定时间内只执行一次操作。 实现防抖的基本思路是利用定时器和事件监听。当按钮点击时,首先清除之前设置的定时器。然后再设置一个新的定时器,在指定的时间间隔内,如果用户再次点击按钮,定时器会被清除并重新设置。只有当用户在指定时间间隔内没有再次点击时,定时器才会触发执行操作。 下面是一个基本的使用示例: ```javascript let timer; function debounce(func, delay) { clearTimeout(timer); timer = setTimeout(func, delay); } function handleClick() { console.log('按钮点击了'); } const button = document.querySelector('button'); button.addEventListener('click', function() { debounce(handleClick, 300); }); ``` 在上述代码中,`debounce`函数接受两个参数:要执行的函数和延迟时间。在按钮点击事件监听中,使用`debounce`函数来包装点击处理函数`handleClick`,设置延迟时间为300毫秒。当按钮点击时,`debounce`函数会将`handleClick`函数作为参数传递给`setTimeout`,延迟300毫秒后执行。 这样设计防抖可以有效避免频繁的重复点击,例如在连续点击按钮时,只会触发最后一次点击的操作。从而提高代码执行效率和用户体验。 ### 回答3: 点击按钮的防抖是指在用户连续点击按钮时,为了避免频繁触发事件造成不必要的资源浪费,可以通过一定的延迟时间来对点击事件进行控制。 在JavaScript中,我们可以通过以下方法实现点击按钮的防抖: 1. 首先,我们需要定义一个延迟时间,例如300毫秒,用于控制事件触发的间隔。 2. 创建一个变量用于保存定时器的返回值,初始化为null。 3. 监听按钮点击事件,每次点击事件触发时,先清除之前的定时器。 4. 启动一个新的定时器,延迟指定的时间后执行特定的操作。 5. 在定时器中执行需要进行防抖的操作,例如发送请求、更新页面等。 通过上述步骤,我们可以实现简单的点击按钮防抖。代码示例如下: ```javascript let timer = null; // 定义定时器变量 // 监听按钮点击事件 document.getElementById('button').addEventListener('click', function() { clearTimeout(timer); // 清除之前的定时器 timer = setTimeout(function() { // 执行需要进行防抖的操作 console.log('Button clicked!'); // 在这里可以添加具体的逻辑 }, 300); // 设置延迟时间为300毫秒 }); ``` 以上代码通过设置延迟时间来控制按钮点击事件的触发间隔,从而实现了点击按钮的防抖效果。在用户频繁点击按钮时,只有最后一次点击触发事件,避免了资源的浪费。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值