手机端长按 删除 前后端 (settimeout代入函数和参数的方法)

html:结构可以是

{loop $lists $k $v}
    <a href="?mid={$mid}&action=show&itemid={$v[itemid]}" class="rfq-item touchArea">
        <div class="rfq-item-top">
            <div class="customize">
                customized
            </div>
            <div class="rfq-item-title">
                {$v['title']}
            </div>
            <div class="release">{date("Y/m/d",$v['totime'])}</div>
        </div>
        <div class="rfq-item-cont">
            <div class="approved">
            {if $v['status']=='3'}
            Approved
            {elseif $v['status']=='2'}
            Waiting Approvel
            {elseif $v['status']=='1'}
            Not Pass
            {elseif $v['status']=='4'}
            Expired
            {/if}
            </div> <!-- Expired No Pass Audit -->
        </div>
    </a>
{/loop}

js脚本

    var timeOutEvent=0;
    $(function(){
        $(".touchArea").on({
            touchstart: function(e){
                var _this = $(this);
                timeOutEvent = setTimeout(function(){longPress(_this);},1000);

            },
            touchmove: function(){
                clearTimeout(timeOutEvent);
                timeOutEvent = 0;
            },
            touchend: function(){
                clearTimeout(timeOutEvent);
                // if(timeOutEvent!=0){alert('这是单击')}
            }
        })

        function longPress(_this){
            timeOutEvent = 0;
            var thisitem=_this.attr('href');
            thisitem=thisitem.replace('action=show','action=delete');
            if (confirm('You sure you want to delete? This will irrevocably')) {
                    var fdata=thisitem.substr(1);
                    $.ajax({
                        url:'#',
                        dataType:'json',
                        type:'POST',
                        data:fdata,
                        success: function(data) {
                            _this.remove();
                        }
                    });
            }
        }
    });


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值