欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Zepto.js (Touch模块)

程序员文章站 2022-05-03 18:06:00
...

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>