Hanger.js(移动端事件封装库)
您可以在下面的框框里进行如下操作:单击、长按、滑动、双指缩小、双指放大、摇一摇、移动中事件(详细见下面的示例)
清空
1. Hangel.js-移动端轻量级事件封装库,兼容PC端
2. 超轻量级,只有4K
3. 高性能,全部采用事件委托机制,链式操作
4. 不依赖任何库
使用示例:
支持事件列表 :
click(点击), longTap(长按), swipeLeft(左滑动), swipeRight(右滑动), swipeUp(上滑动), swipeDown(下滑动), pinchIn(双指缩小), pinchOut(双指放大), shake(摇一摇)
移动中事件(和上面对应):['swipeLeftIng', 'swipeRightIng', 'swipeUpIng', 'swipeDownIng', 'pinchInIng', 'pinchOutIng'];
//给类aaa加事件
Hangel.on("click", ".aaa", function(){
//...
//给ID加事件
}).on("click", "#id", function(){
//...
return false; //阻止冒泡
//给顶级元素(document)加事件
}).on("click", function(){
//...
});
Hangel.off("click", ".aaa"); //清除类aaa上的click事件
Hangel.off("click", "#id"); //清除ID上的click事件
Hangel.off("click", "*"); //清除页面上的所有click事件
Hangel.off("click"); //清除页面上顶级容器(默认是document)的click事件
Hangel.off(); //清除页面上的所有事件
Hangel.trigger("click", ".aaa"); //模拟点击类aaa
Hangel.trigger("click"); //触发所有的点击事件
Hangel.trigger("click", ".aaa", document.getElementById("tagId")); //触发类aaa点击事件,事件函数里this指向ID为tagId的元素
返回首页