为什么要阻止默认行为
老师你好，请问为什么要阻止默认行为？e.preventDefault();是使用touch的时候都要在对应的盒子阻止默认行为的吗？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Document</title>
<style>
#test {
font-size: 36px;
width: 200px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<div id="test">
touch events test
</div>
<script src="zepto.min.js"></script>
<script src="touch.js"></script>
<script>
$(function(){
$('#test').on('touchmove',function(e){
e.preventDefault();
});
listenTo('#test');
function listenTo(id){
$(id).tap(function(){
console.log(' | tap!（即点击）');
})
.doubleTap(function(){
console.log(' | doubleTap!（即双击）');
})
.swipe(function(){
console.log(' | swipe!（即 滑动）');
})
.swipeLeft(function(){
console.log(' | swipeLeft!（即 向左滑动）');
})
.swipeRight(function(){
console.log(' | swipeRight!（即 向右滑动）');
})
.swipeUp(function(){
console.log(' | swipeUp!（即 向上滑动）');
})
.swipeDown(function(){
console.log(' | swipeDown!（即 向下滑动）');
})
.longTap(function(){
console.log(' | longTap!（即 长按 ）');
})
.singleTap(function(){
console.log(' | singleTap!（即 单击 ）');
})
}
})
</script>
</body>
</html>30
收起
正在回答 回答被采纳积分+1
2回答
一路电光带火花
2018-01-29 19:03:49
jQuery深入&移动端开发 2018
- 参与学习 262 人
- 提交作业 56 份
- 解答问题 119 个
由于上网的设备多样化，互联网开发越来越倾向于移动端；由于移动设备的多样性、响应式布局越来越被看重；如果你不想局限于pc端，就来这和大牛们一起体验移动响应式开发吧。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星