javascript - 为什么我在手机上打开这个页面，在div上向左滑的时候结果那个删除的按钮没有推出来啊？

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type='text/css'>

body,html{
    width:100%;
    height:100%;
    overflow:hidden;
}

#p{
    
    width:100%;
    height:300px;
    background:#ff7070;
    position:relative;
    padding-right:300px;
}

.delete{
    width:300px;
    height:300px;
    position:absolute;
    right:0px;
    top:0px;
    background:blue;
}

</style>
</head>
<body>
<p id='p'><p class='delete'>删除</p></p>
</body>

var op=document.getElementById('p');
var startX;
var endX;
var pW=op.offsetWidth;
op.addEventListener('touchstart',function(e){
    
    startX=e.pageX;
    startY=e.pageX;

},false);

op.addEventListener('touchmove',function(e){

    e.preventDefault();
    endX=e.pageX;
    var totalX=startX-endX;
    if(totalX>0){
        op.style.width=(pW-300-totalX)+'px';
    }
},false);

</script>
</html>

# JavaScript

ringa_lee2200 天前516 次浏览

javascript - 为什么我在手机上打开这个页面，在div上向左滑的时候结果那个删除的按钮没有推出来啊？

全部回复(1) 我要回复