为jQuery添加Webkit的触摸的方法分享(2)

return this;
                }
            }
        }
    }

    //Add events into jquery
    for (var eventName in indream.touch.evenList) {
        var event = indream.touch.evenList[eventName];
        $.fn[eventName] = event.eventFunction || (function (eventName, htmlEvent) {
            return function (action) {
                $(this).each(function () {
                    $(this).bind(htmlEvent, action);
                    //Add event listener method for IE or others
                    if (this.attachEvent) {
                        this.attachEvent('on' + htmlEvent, function (e) {
                            $(this).on(eventName);
                        });
                    } else {
                        this.addEventListener(htmlEvent, function (e) {
                            $(this).on(eventName);
                        });
                    }
                });

return this;
            }
        })(eventName, event.htmlEvent);
    }
}(window.jQuery);

网上能找到很多关于Touch事件的相关信息，所以我就不详细说明了，可以解释得简单一点。

触摸事件代替鼠标事件
在Webkit移动设备上，触摸操控首先会触发触摸事件，在0.5秒后才会触摸鼠标事件。

个人觉得这在设计上可以理解。先满足于触摸操控的需求，然后再向“下”兼容鼠标事件，以满足原有面向桌面网页的使用。

所有的事件大致执行顺序是：touchstart->touchmove->touchend->0.5s->鼠标事件mouseover/scroll/click等