本文介绍了一个使用HTML、CSS和JavaScript（通过Zepto.js库）实现的基本网页示例，该示例展示了如何监听和响应触摸滑动事件。具体而言，当用户在红色方块上向左滑动时，会触发警告提示。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background-color: red;
}
</style>
<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
<script src="js/touch.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
// $("div").tap(function(){
// alert("tap")
// })
$("div").on("swipeLeft",function(){
alert("swipe")
})
})
</script>
</head>
<body>
<div></div>
</body>
</html>
扫一扫
1498
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
