好程序员web前端分享用JavaScript实现的5个常见函数 ...

转载于 2019-04-08 17:59:31 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/697198

文章标签：

#javascript #前端 #ViewUI

本文介绍了一种使用JavaScript实现的键盘事件监听方法，并通过throttle函数限制了事件处理函数的执行频率，避免了因频繁触发事件导致的性能问题。

<div id="container"></div>
<script>
  var count = 1
  var container = document.getElementById('container')
  function getUserAction(e) {
    // 空格
    if (e.keyCode === 32) {
      container.innerHTML = count++
    }
  }
  // document.onkeydown = debounce(getUserAction, 1000, false, true)
  document.onkeydown = throttle(getUserAction, 1000, true, true)
  function debounce(func, wait, leading, trailing) {}
  function throttle(func, wait, leading, trailing) {}
</script>