在html中怎么设置让文本框不能粘贴,包括鼠标右键粘贴也不可以。

在html中怎么设置让文本框不能粘贴,包括鼠标右键粘贴也不可以。,第1张

<input type="text" oncopy="return false" value="不能复制,包括鼠标右键">

<input type="text" oncut="return false" value="不能剪切,包括鼠标右键">

<input type="text" onpaste="return false" value="不能粘贴,包括鼠标右键">

在<body>标签中添加以下代码:

oncontextmenu='return false'    禁止右键

ondragstart='return false'    禁止拖动

onselectstart ='return false'    禁止选中

onselect='document.selection.empty()'    禁止选中

oncopy='document.selection.empty()'    禁止复制

onbeforecopy='return false'    禁止复制

onmouseup='document.selection.empty()'

扩展资料

示例代码如下:

<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.empty()'>

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

//屏蔽右键菜单

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)


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/6103841.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存