Question

我有一个php页面，其中有一个名为“info”的按钮。单击此按钮我得到一个新窗口。在这个小窗口的外观上，我想禁用第一个窗口中的所有操作或点击。这可能吗？

我的代码是： parent.php：

<form method="GET" name="myform" >
<td><input type="radio" name="radioEdit" value="<?php echo $id; ?>"  /><?= $id; ?></td>
<input type="submit" value="info" formaction="edit.php"  onclick="target_popup(myform,'edit.php')"/>
</form>

<script>
    function target_popup(form,page) 
    {
        window.open(page, 'formpopup', 'left=100,top=100,width=600,height=400,menubar,toolbar,resizable');
        form.target = 'formpopup';
    }
</script>

edit.php：

<?php 
if(isset($_GET['radioEdit']))
{
    $n=$_GET['radioEdit'];
    echo"n=$n";
}
else
{
echo"fail";
?>

点击信息按钮后出现这个新窗口，我可以禁用parent.php直到关闭新窗口吗？请帮忙。

Answer 1

这适用于jquery弹出窗口
弹出消息显示后显示一个透明div，并在该div上禁用所有点击事件，因为点击事件仅适用于弹出窗口。我想这会对你有所帮助:)）

<div class="disableRightClick">   
</div>

https://jsfiddle.net/kokilajs/w99Mj/64/

=============================================== ===============

更新：以下代码适用于window.open（url）弹出窗口

enter image description here

要检查此解决方案，请使用没有服务器chrome的服务器[localhost]不起作用，但FF可能正常工作 父窗口

<style type="text/css">
    #disableRightClick{
    position: absolute;
    min-width:100%;
    min-height:100%;    
    background-color:rgba(1,1,1,0.4);
    z-index:99;
    display: none;
    }

    body,html{
        margin:0;
        padding: 0;
    }
</style>
<div id="disableRightClick"></div>

<a href="http://google.com">go to google</a>

<form method="GET" name="myform" >
<td><input type="radio" name="radioEdit" value="<?php echo $id; ?>"  /><?= $id; ?></td>
<input type="submit" value="info" formaction="pop.html"  onclick="target_popup(myform,'pop.html')"/>
</form>

<script>
    var dis = $('#disableRightClick').on("contextmenu",function(e){
        alert('click disabled');
        return false;
    });

    dis.on("click",function(e){
        alert('click disabled');
        return false;
    });

    function target_popup(form,page) 
    {
        var new_window = window.open(page, 'formpopup', 'left=100,top=100,width=600,height=400,menubar,toolbar,resizable');
        form.target = 'formpopup';

        new_window.onload = click_disable;
        function click_disable() {
        window.document.getElementById('disableRightClick').style.display = 'block';
    }    
}
</script>

弹出窗口（edit.php）

popup window test msg
<script>
    window.onbeforeunload = disableparent;
    function disableparent() {
        window.opener.document.getElementById('disableRightClick').style.display = 'none';
    }
</script>

Answer 2

我不确定这是否是最优雅的答案，但您可以在母版页中设置变量，单击此信息按钮时，切换此变量，无论何时切换，都会禁用页面的所有功能。它不会实际阻止用户切换回该窗口，但它会阻止他们使用任何东西，直到他们在弹出窗口中完成所需的任何操作。

我们可以禁用任何窗口上的点击吗？

2 个答案: