怎么设置左滑删除,vue左滑删除
本文操作环境：windows7系统、javascript1.8.5版、戴尔自交第三代电脑。
javascript怎么实现左滑删除？
纯射流研究…左滑删除功能
代码如下：
！声明文档类型
超文本标记语言
头
meta charset=UTF-8
meta name= viewport content= width=device-width，initial-scale=1.0，maximum-scale=1.0，user-scalable=no
titlejs侧滑显示删除按钮/标题
风格
* {边距：0;填充：0;}
body { font-size:14雷姆；}
李（列表式：无；}
I { font-style:normal；}
a { color:# 393939；文字-装饰：无；}。列表{溢出：隐藏；页边距-顶部：2雷姆；左填充：3预装-顶部：1px固体# DDD；}。列表李{溢出：隐藏；宽度：120%;边框-底部：1px纯色# DDD；}。列出阿利{显示：块；身高：88雷姆；行高：88雷姆；-WebKit-过渡：全0.3秒线性；过渡：全0.3秒线性；}。列表李i{float:右；宽度：15%;文本对齐：居中；背景：# E2421B颜色：# fff}。向左滑动{ transform:translate x(-15%)；-WebKit-transform:translate x(-15%)；}
/风格
脚本
//计算根节点超文本标记语言的字体大小
函数resizeRoot(){
可变设备宽度=文档。documentelement。客户端宽度，
num=750，
数字1=数字/100；
if(deviceWidth num){
设备宽度=数量；
}
文档。文档元素。风格。font size=设备宽度/数量1 px
}
//根节点超文本标记语言的字体大小初始化
resizeRoot()；
window.onresize=function(){
resizeRoot()；
};
/脚本
/头
身体
部分
div class=list
保险商实验所
lia href=# 侧滑显示删除按钮1i删除/我/阿/李
lia href=# 侧滑显示删除按钮2i删除/我/阿/李
lia href=# 侧滑显示删除按钮3i删除/我/阿/李
/ul
/div
脚本
//侧滑显示删除按钮
定义变量展开=null//是否存在展开的目录
var容器=文档。查询选择器全部(.列出阿利);
for(var I=0；一。集装箱长度；i ){
变量X，Y，X，Y，swipeX，swipeY
容器[我].addEventListener(touchstart ，函数（事件){
x=event.changedTouches[0].pageX
y=event.changedTouches[0].佩吉；
swipeX=true
swipeY=true
如果(扩展){ //判断是否展开，如果展开则收起
扩张。类名=" "；
}
});
容器[我].addEventListener(touchmove ，函数（事件){
X=event.changedTouches[0].pageX
Y=event.changedTouches[0].佩吉；
//左右滑动
if(swipeX数学。ABS(X-X)-数学。ABS(Y-Y)0){
//阻止事件冒泡
事件。停止传播()；
if(X - x 10){ //右滑
事件。防止默认()；
这个。类名=" "；//右滑收起
}
if(x - X 10){ //左滑
事件。防止默认()；
这个。class name=向左滑动；//左滑展开
膨胀=这个；
}
swipeY=false
}
//上下滑动
如果(swipeY数学。ABS(X-X)-数学。ABS(Y-Y)0){
swipeX=false
}
});
}
/脚本
/body
/html推荐学习： 《javascript基础教程》 以上就是爪哇岛描述语言怎么实现左滑删除的详细内容，更多请关注我们其它相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。