tiny-listen

1.0.11 • Public • Published

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()

Readme

Keywords

Package Sidebar

Install

npm i tiny-listen

Weekly Downloads

2

Version

1.0.11

License

MIT

Unpacked Size

37.2 kB

Total Files

10

Last publish

Collaborators

  • zhaozeqing