0.0.7 • Published 7 years ago
capture-anchor-click v0.0.7
capture-anchor-click
window click trigger for HTMLAnchorElement
You can use the capture trigger to dynamically reload the web-page, or individual web-page elements
CaptureAnchorClick object
| Name | Description |
|---|---|
| isBlur | boolean call .blur() after prevent, default = true |
| blurDurationTimeout | int Timeout for blur, default = 1 |
| onTest | set function(link) The function is called before dispatch all events |
| add | function(callback) Add click event function |
| remove | function(callback) Remove click event function |
| removeAll | function(callback) Remove all click event functions |
Example
import CaptureAnchorClick from "capture-anchor-click";
CaptureAnchorClick.add(evn => {
let target = evn.target;
let href = evn.detail.link;
// <a href="#open-window" data-name="login">...</a>
if( href === "#open-window" ) {
let myWin = target.getAttribute("data-name"); // or target.dataset.name
// todo your action
}
// <a href="/page/name.html">...</a>
else if( /^\/page\/(.*?)\.html/.test(href) ) {
let page = RegExp.$1;
// todo your action for dynamic reload page
}
// use default event click
else {
return void 0
}
// trigger will be prevented
evn.preventDefault();
})