tiny-listen v1.0.11

tiny-listener

A more versatile way of adding & removing event listeners.

Install

You can get it on npm.

npm install tiny-listen --save

Setup

Node (Browserify)

var listen = require("tiny-listen")

Browser (Standalone)

<script src="dist/tiny-listen.js </script>

新增 ++ (throttle, debounce)函数

import listen, { throttle, debounce } from "tiny-listen"
/**
 * throttle, debounce 函数入参
 *
 * @param {function} func
 * @param {*} wait
 * @param {object} options
 *    - leading:Boolean 开始时调用
 *    - trailing:Boolean 结束时调用
 *    - maxWait:Number 最大等待时间
 * @returns
 */
const listener = listen(this.scroller, "mousewheel", throttle(this.scroll, 300))

Usage

Add an event listener

listen(".btn", "click", function(e) {
  console.log(e)
})

Or by passing a HTML element

var logo = document.getElementById("logo")

listen(logo, "click", function(e) {
  console.log(e)
})

Or by passing a list of HTML elements

var anchors = document.querySelectorAll("a")

listen(anchors, "click", function(e) {
  console.log(e)
})

Remove an event listener

By calling the destroy function that returned from previous operation.

var listener = listen(".btn", "click", function(e) {
  console.log(e)
})

listener.destroy()