资讯专栏INFORMATION COLUMN

我的前端组件----多个按钮快速点击只执行最后一次。

avwu / 3112人阅读

摘要:缘起实现一个业务场景时,因为某某某原因,不能让客户对某些按钮进行秒点次的骚操作,所以需要实现多个按钮快速点击只执行最后一次。如果是快速在多个按钮下切换,则可以用上面提供的方法,只执行最后一次。

缘起:
实现一个业务场景时,因为某某某原因,不能让客户对某些按钮进行1秒点10次的骚操作,所以需要实现多个按钮快速点击只执行最后一次。

代码




    快速点击只执行最后一次
    



  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

最后一次显示的是:

例行总结:
这样的需求可能比较少吧,但是还是有用的。一般可以根据实际需要,根据按钮的Index判断,如果当前按钮被激活,则不允许再被点击。如果是快速在多个按钮下切换,则可以用上面提供的方法,只执行最后一次。但是有个弊端,比如只点击一次,命令也会在500毫秒之后才下发。还需要完善一下。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98632.html

相关文章

  • 防抖 - 理解,实践与实现

    摘要:本文主要讨论防抖,镜像文章节流理解,实践与实现。分开讨论防抖和节流,主要是为了让一些还不太了解防抖节流的读者能够有针对性地,逐一掌握它们。防抖是什么结合上方案例,防抖可以理解为多次触发事件后,事件处理函数只执行一次。 为了完整阅读体验,欢迎移步到我的博客原文。 防抖(去抖),以及节流(分流)在日常开发中可能用的不多,但在特定场景,却十分有用。本文主要讨论防抖,镜像文章:节流 - 理解,...

    yangrd 评论0 收藏0
  • 采用vue+webpack构建的单页应用——私人博客MintloG诞生记

    摘要:我采用原生编写后台,因为感觉增删改查的功能很简单,就懒得用框架了其实是不会。浏览模式它也有一个,用来切换文章列表和文章详情,也就是和编辑模式它加载了作为工具栏,然后可以进行文章的撰写与修改。 介绍 项目地址:https://github.com/jrainlau/MintloG (特别乱,参考就好-_-|||)showImg(https://segmentfault.com/img/b...

    Terry_Tai 评论0 收藏0
  • 前端入门24-响应式布局(BootStrap)

    摘要:声明声明本篇内容摘抄自以下两个来源中文网感谢大佬们的分享。版本是全球最受欢迎的前端组件库,用于开发响应式布局移动设备优先的项目。官方示例官方示例版本,官方还没有中文教程,的中文教程倒是很齐全了。声明 本篇内容摘抄自以下两个来源: BootStrap中文网 感谢大佬们的分享。 正文-响应式布局(BootStrap) 这次想来讲讲一个前端开发框架:BootStrap BootStrap 目前...

    lunaticf 评论0 收藏0
  • 前端面试总结(at, md)

    摘要:面试官比较着急了,跟我沟通的时候,我才知道返回值不一定非要跟原生的一样。腾讯一面平常开发怎么设计组件的。总结腾讯面试的感觉就是,没有那么正式,都是部门的技术直接联系的你,然后二面就是部门负责人了,决定了是否入职。 引入 面试过去了这么久,把八月份面试题和总结发一下吧,虽然年底大家可能都不换工作~ 还是可以看看的。 关于面试,引用叶老湿的一句话。你的简历是自己工作的答卷,项目经历是你给面...

    zhunjiee 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<