Zepto.js (Touch模块)

Zepto是一个多用于移动端开发的库,因为API和JQuery十分相似,其文件体积也更小,所以通常在移动端开发中Zepto是JQuery的一个很好的轻量级替代品,当然Zepto与JQuery也存在一些不同之处,最常用的比如移动端的Touch模块,主要用法如下:

<script src="zepto.js"></script>
<script src="zepto-touch.js"></script> //引入模块
<script>
    $(function() {
		$(document).tap(function() {
			console.log("点击了屏幕");
		});
		$(document).doubleTap(function() {
			console.log("双击了屏幕");
		});
		$(document).longTap(function() {
			console.log("长按超过750ms");
		});
		$(document).swipe(function() {
			console.log("划了一下");
		});
		$(document).swipeLeft(function() {
			console.log("左划了一下");
		});
		$(document).swipeUp(function() {
			console.log("上划了一下");
		});
		//......
	});
</script>
posted @ 2020-01-10 08:25  小确幸-xiji  阅读(127)  评论(0)    收藏  举报