屏蔽右键有关问题-JavaSript-爱易网页

屏蔽右键有关问题

日期：2014-05-16　浏览次数：20552 次

屏蔽右键问题

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
    body{ margin:0; padding:0; font-size:12px; background:#fff}
    .main{ width:960px; margin:auto; overflow:hidden; background:#D9D9D9}
</style>
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    text();
});

function text(){
    var $text = $("#text");
    
    $text.mouseover(function(){
        $("body").attr({"onselectstart":"return true;","oncontextmenu":"return true;"})
    }).mouseout(function(){
        $("body").attr({"onselectstart":"return false;","oncontextmenu":"return false;"})
    })
}
</script>
</head>
<body onselectstart="return false;" oncontextmenu="return false;">

    <div class="main">
        <textarea id="text" name="" cols="" rows="" style="width:300px; height:200px"></textarea>
    </div>

</body>
</html>

我想实现的效果，一开始鼠标右键是屏蔽的，当鼠标移入文本框时鼠标右键就恢复，当鼠标移离文本框时鼠标右键就屏蔽，上面的代码IE8,9都行，就是IE7不行，请各位帮助看一下是什么原因，谢谢。

------解决方案--------------------

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<style>
    body{ margin:0; padding:0; font-size:12px; background:#fff}
    .main{ width:960px; margin:auto; overflow:hidden; background:#D9D9D9}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    text();
});

function text(){
    var $text = $("#text");
    
    $text.mouseover(function(){
       document.oncontextmenu = null;
    }).mouseout(function(){
        document.oncontextmenu = function (event){
            var event = event || window.event;
            return false;
        };
    })
}
document.oncontextmenu = function (event){
    var event = event || window.event;
    return false;
};
</script>
</head>
<body>

    <div class="main">
        <textarea id="text" name="" cols="" rows="" style="width:300px; height:200px"></textarea>
    </div>

</body>
</html>

------解决方案--------------------

http://www.codingforums.com/showthread.php?t=150345

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

屏蔽右键有关问题

相关资料更多>

推荐阅读更多>