1.3.0 • Published 6 years ago

mt-events v1.3.0

Weekly downloads
1
License
ISC
Repository
github
Last release
6 years ago

mt-events

Handle mobile events on the web easily

Travis (.org) codecov npm npm GitHub GitHub language count

Preview

You can try it just now by this -> http://mtevents.jerryonlyzrj.com/test.html

Features

  • Supports widely-used mobile terminal events such as double tap and long tap, in addition to native web events like clicking. With mt-events, you could listen for these mobile/web events just the way you would using the native addEventListener web API or JQuery.
  • Allows for event delegation. All you need to do is adding an extra argument like $.on in JQuery.
  • The whole library is only 2KB after gzip. We will deploy the script to our CDN as soon as possible.
  • Use WeakMap to manage the reference of HTMLElement and its event handler, so there is no need for you to remove the event handler after you remove a HTMLElement, the weak reference will be recycled by GC.

Browser Support

ChromeFirefoxSafariOperaEdgeIE
Latest ✔Latest ✔Latest ✔Latest ✔Latest ✔11 ✔

browser-support

Usage

url

Include the (minified) mtevents.min.js script file in your HTML:

<script src="http://mtevents.jerryonlyzrj.com/mtevents.min.js"></script>

Then use the mtEvents function directly in your JavaScript code:

mtEvents('#bindTarget', 'click', e => console.log('click'))

npm

The following is an example of using MtEvents like a Node.js module, inside a Vue file for instance.

Install the mt-events package with npm:

npm i mt-events

Require and use it like such:

//test.vue
<script>
const mtEvents = require('mt-events')
export default {
    ...,
    mounted(){
        mtEvents('#bindTarget', 'click', e => console.log('click'))
    }
}
</script>

Tests

This project comes with unit tests. You can run the test with:

npm t

A coverage file is included in the test folder.

Docs

Users

See the user API documentations below for your reference ⬇️

中文文档

Documentation

Developers

Run the command below to create the developer sub-directory inside the docs folder:

npm run docs
1.3.0

6 years ago

1.2.6

6 years ago

1.2.5

6 years ago

1.2.4

6 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.3

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago