1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- /*封装一些公用的事件或者公用的方法*/
- /*定义的一个命名空间*/
- window.my = {};
- /*封装一个事件 过渡结束事件*/
- my.transitionEnd = function(dom,callback){
- //1.给谁加事件
- //2.事件触发后处理什么业务
- if(!dom || typeof dom != 'object'){
- //没dom的时候或者不是一个对象的时候 程序停止
- return false;
- }
- dom.addEventListener('transitionEnd', function(){
- callback && callback();
- });
- dom.addEventListener('webkitTransitionEnd', function(){
- callback && callback();
- });
- }
- //封装一个tap事件
- my.tap = function(dom,callback){
- if(!dom || typeof dom != 'object'){
- //没dom的时候或者不是一个对象的时候 程序停止
- return false;
- }
- var isMove = false; //是否滑动过
- var time = 0; //刚刚触摸屏幕的事件 touchstart的触发事件
- dom.addEventListener('touchstart',function(){
- //记录触发这个事件的时间
- time = Date.now(); //时间戳 毫秒
- });
- dom.addEventListener('touchmove',function(){
- isMove = true;
- });
- window.addEventListener('touchend',function(e){
- //1.没有滑动过
- //2.响应事件在150ms以内 要求比click要响应快
- if(!isMove && (Date.now()-time)<150 ){
- callback && callback(e);
- }
- //重置参数
- isMove = false;
- time = 0;
- });
- }
|