移动端h5长按删除效果

最新推荐文章于 2024-07-10 16:24:34 发布

不宅的程序园

最新推荐文章于 2024-07-10 16:24:34 发布

阅读量1w

点赞数 3

分类专栏：常用方法总结文章标签：移动端长按删除 jquery长按删除 js长按删除长按删除

本文链接：https://blog.csdn.net/zyz_3362/article/details/52442522

版权

粘贴到html即可看到效果，用于移动端长按删除

<body>
	<div class="butlong" style="position:relative;">
		<input type="button" value="长按删除" class="delete"/>
		<a style="position:absolute; left:90px; top:0; color:red; display:none;" class="deletefont">删除</a>
	</div>
</body>
<script src="js/zepto.min.js"></script>
<script type="text/javascript">
	// 长按
$.fn.longPress = function(fn) {
    var timeout = undefined;
    var $this = this;
    for(var i = 0;i<$this.length;i++){
        $this[i].addEventListener('touchstart', function(event) {
          timeout = setTimeout(function(e){
              $('.deletefont').show();
            }, 800);  //长按时间超过800ms，则执行传入的方法
            }, false);
        $this[i].add

最低0.47元/天解锁文章

不宅的程序园

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
移动端h5长按删除效果

粘贴到html即可看到效果，用于移动端长按删除删除 // 长按$.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var i = 0;i<$this.length;i++){ $this[i].addEventListe
复制链接

扫一扫

专栏目录