开发者社区> 问答> 正文

在手机上长按网页中的按钮,浏览器会弹出这个按钮的背景图的操作菜单,怎样避免这种情况?

网页是用jQuery Mobile做的,按钮是一个a标签,a标签里面嵌套了一个img标签。监听的是taphold事件。

展开
收起
a123456678 2016-05-26 16:51:37 2592 0
1 条回答
写回答
取消 提交回答
  • 要兼容的吧

    a, img {
        -webkit-touch-callout: none;
        -ms-touch-callout: none;
        -moz-touch-callout: none;
        -o-touch-callout: none;
        touch-callout: none;
    }
    实在不行用js去实现
    
    document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){
        return false;
    };
    document.body.onselect=document.body.oncopy=document.body.onmouseup=function(){
        document.selection.empty();
    }; 
    
    jq 写法?好像jq没有添加这个contextmenu方法你去看jq 2.0有没有,不过JSLite有哦
    
    $('#box').on('contextmenu',function(e){
        replyRightMenu(e);
        if ( e && e.preventDefault ) e.preventDefault(); 
        else window.event.returnValue = false;
        e.cancelBubble = true;
        return false;
    });
    2019-07-17 19:16:33
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
WEB浏览器中即将发生的安全变化 立即下载
基于浏览器的实时构建探索之路 立即下载
基于浏览器的实时构建探索之路--玄寂 立即下载