Zepto的学习(2)touch
程序员文章站
2022-05-03 20:05:55
...
zepto touch方法
tap()点击事件 利用在document上绑定touch事件来模拟tap事件的,并且tap事件会冒泡到document上
singleTap() 点击事件
doubleTap() 双击事件
longTap() 当一个元素被按住超过750ms触发。
swipe, swipeLeft, swipeRight, swipeUp, swipeDown — 当元素被划过(同一个方向滑动距离大于30px)时触发。(可选择给定的方向)
在一个方向滑动大于30px即为滑动。否则算点击。
$(function () {
// $('#box').tap(function () {
// alert('tap事件');
// });
$('#box').on('tap',function () {
alert('tap事件');
});
//singleTap()单击事件
$('#box2').singleTap(function () {
alert('我单击了一下');
});
//doubleTap() 双击事件
$('#box2').doubleTap(function () {
alert('我双击了一下');
});
//longTap()长按事件----按住屏幕时间超过750ms触发
$('#box3').longTap(function () {
alert('我长按了一下box3');
});
//swipe()滑动事件---在同一个方向连续滑动超过30px
//要先禁止默认行为#btn{
// touch-action: none;
// }
// $('#btn').swipe(function () {
// alert('我滑动了超过30px');
// });
$('#btn').swipeLeft(function () {
alert('我向左滑动了');
});
});
这里遇到了ajax问题,我之前没有学过,所以现在去学学
上一篇: Java bean有什么用
推荐阅读
-
Yii2的相干学习记录,后台模板和gii(三)
-
Yii2的相关学习记录,初始化Yii2(二),初始化yii2_PHP教程
-
OpenCL 学习step by step (2) 一个简单的OpenCL的程序
-
Yii2的相关学习记录,下载Yii2(一),记录yii2_PHP教程
-
PHP任务学习2:认清变量的作用范围_PHP教程
-
Spring学习笔记(2)基于注解的Spring IOC配置
-
数据库学习笔记3 基本的查询流 2
-
Android学习笔记(Android Studio) 4-2-1~2 Fragment详解(一、二)(不可不会的Activity和Fragment)
-
Android学习笔记(Android Studio) 4-1-2 Activity的生命周期(不可不会的Activity和Fragment)
-
zepto中的动画+Ajax+touch模块+zepto插件