使用lodash或其他一些库来限制html标签上的默认click事件监听器

问题描述

我的目的是限制某些链接和表单提交按钮上的点击侦听器。主要思想是:

<a href="#" class="throttled-click">Click</a>

<script>
  window.onload = function() {
    tags = document.findElementsByClassName("throttled-click");
    for (let tag of tags) {
      tag.onclick = _.throttle(tag.click,1000,{ 'trailing': false });
      // Clearly doesn't work
    }
  }
</script>

上面的代码实际上并不起作用,因为无论我做什么,认的click事件监听器都不会受到限制。如果我传入其他一些功能(例如console.log("Throttled")),它将受到限制,但认的click事件监听器不会。

除了尝试编写自己的节流功能外,我没有主意。
请注意,我不是js开发人员,因此我可能会遗漏一些显而易见的内容

编辑:限制认的click事件监听器的目的是防止用户在挂起某些内容时提交过多的表单。当然,提交表单通常需要重定向,这意味着只需在第一次单击后禁用HTML click事件就足够了。

我的想法是对页面无法刷新或某些极端情况(例如,请求从未到达服务器且用户实际上必须再次单击提交按钮)进行限制。

我能够通过自定义实现来做到这一点,我不认为有一种方法可以对我觉得有些奇怪的现有标准库进行处理。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)