zepto.qsa = function(element, selector){  var found,      maybeID = selector[0] == ‘#‘,      maybeClass = !maybeID && selector[0] == ‘.‘,      nameOnly = maybeID || maybeClass ? selector.slice(1) : selector, // Ensure that a 1 char tag name still gets checked      isSimple = simpleSelectorRE.test(nameOnly)  return (isDocument(element) && isSimple && maybeID) ?    ( (found = element.getElementById(nameOnly)) ? [found] : [] ) :    (element.nodeType !== 1 && element.nodeType !== 9) ? [] :    slice.call(      isSimple && !maybeID ?        maybeClass ? element.getElementsByClassName(nameOnly) : // If it‘s simple, it could be a class        element.getElementsByTagName(selector) : // Or a tag        element.querySelectorAll(selector) // Or it‘s not simple, and we need to query all    )}

el.addEventListerner(type, fn, capture);el.removeEventListerner(type, fn, capture);

$.fn.on = function(event, selector, data, callback, one){  var autoRemove, delegator, $this = this  if (event && !isString(event)) {    $.each(event, function(type, fn){      $this.on(type, selector, data, fn, one)    })    return $this  }  if (!isString(selector) && !isFunction(callback) && callback !== false)    callback = data, data = http://www.mamicode.com/selector, selector = undefined  if (isFunction(data) || data =http://www.mamicode.com/== false)    callback = data, data =http://www.mamicode.com/ undefined  if (callback === false) callback = returnFalse  return $this.each(function(_, element){    if (one) autoRemove = function(e){      remove(element, e.type, callback)      return callback.apply(this, arguments)    }    if (selector) delegator = function(e){      var evt, match = $(e.target).closest(selector, element).get(0)      if (match && match !== element) {        evt = $.extend(createProxy(e), {currentTarget: match, liveFired: element})        return (autoRemove || callback).apply(match, [evt].concat(slice.call(arguments, 1)))      }    }    add(element, event, callback, data, selector, delegator || autoRemove)  })}

function add(element, events, fn, data, selector, delegator, capture){  var id = zid(element), set = (handlers[id] || (handlers[id] = []))  events.split(/\s/).forEach(function(event){    if (event == ‘ready‘) return $(document).ready(fn)    var handler = parse(event)    handler.fn = fn    handler.sel = selector    // emulate mouseenter, mouseleave    if (handler.e in hover) fn = function(e){      var related = e.relatedTarget      if (!related || (related !== this && !$.contains(this, related)))        return handler.fn.apply(this, arguments)    }    handler.del = delegator    var callback = delegator || fn    handler.proxy = function(e){      e = compatible(e)      if (e.isImmediatePropagationStopped()) return      e.data = data      var result = callback.apply(element, e._args == undefined ? [e] : [e].concat(e._args))      if (result === false) e.preventDefault(), e.stopPropagation()      return result    }    handler.i = set.length    set.push(handler)    if (‘addEventListener‘ in element)      element.addEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))  })}

set = (handlers[id] || (handlers[id] = []))

var handler = parse(event)handler.fn = fnhandler.sel = selectorfunction parse(event) {  var parts = (‘‘ + event).split(‘.‘)  return {e: parts[0], ns: parts.slice(1).sort().join(‘ ‘)}}

function compatible(event, source) {  if (source || !event.isDefaultPrevented) {    source || (source = event)    $.each(eventMethods, function(name, predicate) {      var sourceMethod = source[name]      event[name] = function(){        this[predicate] = returnTrue        return sourceMethod && sourceMethod.apply(source, arguments)      }      event[predicate] = returnFalse    })    if (source.defaultPrevented !== undefined ? source.defaultPrevented :        ‘returnValue‘ in source ? source.returnValue =http://www.mamicode.com/== false :        source.getPreventDefault && source.getPreventDefault())      event.isDefaultPrevented = returnTrue  }  return event}

function createProxy(event) {  var key, proxy = { originalEvent: event }  for (key in event)    if (!ignoreProperties.test(key) && event[key] !== undefined) proxy[key] = event[key]  return compatible(proxy, event)}

$(‘#wrapper‘).on(‘click‘, ‘#span‘, fn);$(‘#wrapper‘).on(‘click‘, ‘#div‘, fn);

function remove(element, events, fn, selector, capture){  var id = zid(element)  ;(events || ‘‘).split(/\s/).forEach(function(event){    findHandlers(element, event, fn, selector).forEach(function(handler){      delete handlers[id][handler.i]    if (‘removeEventListener‘ in element)      element.removeEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))    })  })}

 1 function findHandlers(element, event, fn, selector) { 2   event = parse(event) 3   if (event.ns) var matcher = matcherFor(event.ns) 4   return (handlers[zid(element)] || []).filter(function(handler) { 5     return handler 6       && (!event.e || handler.e == event.e) 7       && (!event.ns || matcher.test(handler.ns)) 8       && (!fn || zid(handler.fn) === zid(fn)) 9       && (!selector || handler.sel == selector)10   })11 }

(function () {    //偏移步长    var step = 20;    var touch = {};    var down = ‘touchstart‘;    var move = ‘touchmove‘;    var up = ‘touchend‘;    if (!(‘ontouchstart‘ in window)) {      down = ‘mousedown‘;      move = ‘mousemove‘;      up = ‘mouseup‘;    }    //简单借鉴ccd思维做简要处理    function swipeDirection(x1, x2, y1, y2, sensibility) {      //x移动的步长      var _x = Math.abs(x1 - x2);      //y移动步长      var _y = Math.abs(y1 - y2);      var dir = _x >= _y ? (x1 - x2 > 0 ? ‘left‘ : ‘right‘) : (y1 - y2 > 0 ? ‘up‘ : ‘down‘);      //设置灵敏度限制      if (sensibility) {        if (dir == ‘left‘ || dir == ‘right‘) {          if ((_y / _x) > sensibility) dir = ‘‘;        } else if (dir == ‘up‘ || dir == ‘down‘) {          if ((_x / _y) > sensibility) dir = ‘‘;        }      }      return dir;    }    //sensibility设置灵敏度，值为0-1    function flip(el, dir, fn, noDefault, sensibility) {      if (!el) return;      el.on(down, function (e) {        var pos = (e.touches && e.touches[0]) || e;        touch.x1 = pos.pageX;        touch.y1 = pos.pageY;      }).on(move, function (e) {        var pos = (e.touches && e.touches[0]) || e;        touch.x2 = pos.pageX;        touch.y2 = pos.pageY;        //如果view过长滑不动是有问题的        if (!noDefault) { e.preventDefault(); }      }).on(up, function (e) {        if ((touch.x2 && Math.abs(touch.x1 - touch.x2) > step) ||        (touch.y2 && Math.abs(touch.y1 - touch.y2) > step)) {          var _dir = swipeDirection(touch.x1, touch.x2, touch.y1, touch.y2, sensibility);          if (dir === _dir) {            typeof fn == ‘function‘ && fn();          }        } else {          //tap的情况          if (dir === ‘tap‘) {            typeof fn == ‘function‘ && fn();          }        }      });    }    function flipDestroy(el) {      if (!el) return;      el.off(down).off(move).off(up);    }    _.flip = flip;    _.flipDestroy = flipDestroy;})();

View Code

其它