25-移动端js事件 了解一下第三方js库zepto

 

移动端的操作方式和pc端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件：

1、touchstart: 手指放到屏幕上时触发
2、touchmove: 手指在屏幕上滑动时触发
3、touchend: 手指离开屏幕时触发
4、touchcancel: 系统取消touch事件时触发，比较少用

移动端一般有三种操作：点击、滑动、拖动，这三种操作一般是组合使用上面的几个事件来完成的，所有上面的4个事件一般很少单独使用，一般是封装使用来实现这三种操作，可以使用封装成熟的js库。


zeptojs库

用的可能不多了，但是之前有些项目可能会遇到。它相当于一个精简版的jquery，现在手机速度快了，一般直接用jquery。

zepto是一个轻量级的针对现代高级浏览器的js库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。zepto的一些可选功能是专门针对移动端浏览器的。它的最初的目标是在移动端提供一个精简的类似jquery的js库。

zepto官网：http://zeptojs.com/
zepto中文api:http://www.css88.com/doc/zeptojs_api/

zepto包含很多模块，默认下载版本包含的模块有core,ajax,event,form,IE模块，如果需要其它模块，可以自定义构建。

自定义构建地址：http://github.e-sites.nl/zeptobuilder/

 

它跟jqery一样用：

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="js/zepto.min.js"></script>
    <script>
        $(function(){
            alert($("#div1").html())
        })
    </script>
</head>
<body>
    <div id="div1">这是一个div元素</div>
</body>
</html>

 

posted @ 2019-04-08 23:39  greenfan  阅读(276)  评论(0)    收藏  举报