HTML如何禁用页面内表单某些列的复制

发布网友发布时间：2022-05-01 21:57

共1个回答

热心网友时间：2022-04-19 06:36

在网页开发中，有些时候我们不想让用户去复制或者粘贴该网页的东西，那么下面的几个方法就非常有用了！

//屏蔽右键菜单
document.oncontextmenu = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}

//屏蔽粘贴
document.onpaste = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}

//屏蔽复制
document.oncopy = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}

//屏蔽剪切
document.oncut = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    }catch (e){
        return false;
    }
}

//屏蔽选中
document.onselectstart = function (event){
    if(window.event){
        event = window.event;
    }try{
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
            return false;
        }
        return true;
    } catch (e) {
        return false;
    }
}

网页退出提示的方法：

window.onbeforeunload = function(event){
            event = event || window.event;
            event.returnValue = ' ';
    }

移动端中，屏蔽类似iphone的默认滑动事件用一下方法：

//禁用浏览器的默认滑动事件
    var preventBehavior = function(e) {
        e.preventDefault();
    };
    // Enable fixed positioning
    document.addEventListener("touchmove", preventBehavior, false);

追问谢谢您的回复，我现在是实现了屏蔽复制，但是表单里某列数据又有需求要复制。想知道能不能有选择的屏蔽

追答刚刚的代码是相对于body的禁用。如果你只想某一部分禁用，就给一个相同的类名，获取到之后还是用以上方法，只是改变了方法对象，把document改成你的obj。