Question

我使用以下示例作为我的Web浏览器中的客户端，以使用Guacamole项目访问我的远程桌面。但它为用户提供了完全访问计算机的权限。

虽然我已经使用了一些VNC / RDP限制来从服务器端应用限制。但仍然要求用户必须不能从前端与远程计算机上的应用程序的某些部分进行交互（如关闭或最小化按钮或左上角或右上角的部分），因此他只能使用该应用程序但可以不要最小化或关闭它。

所以我想也许我可以禁用点击这些部分，这样它就不会被转移到远程桌面。

<html>

<head>
    <link rel="stylesheet" type="text/css" href="guacamole.css"/>
    <title>Guacamole</title>
</head>

<body>

    <!-- Display -->
    <div id="display"></div>

    <!-- Guacamole JavaScript API -->
    <script type="text/javascript"
        src="guacamole-common-js/all.min.js"></script>

    <!-- Init -->
    <script type="text/javascript"> /* <![CDATA[ */
        // Get display div from document
        var display = document.getElementById("display");
        // Instantiate client, using an HTTP tunnel for communications.
        var guac = new Guacamole.Client(
            new Guacamole.HTTPTunnel("tunnel")
        );
        // Add client to display div
        display.appendChild(guac.getDisplay().getElement());

        // Error handler
        guac.onerror = function(error) {
            alert(error);
        };
        // Connect
        guac.connect();
        // Disconnect on close
        window.onunload = function() {
            guac.disconnect();
        }
        // Mouse
        var mouse = new Guacamole.Mouse(guac.getDisplay().getElement());
        mouse.onmousedown = 
        mouse.onmouseup   =
        mouse.onmousemove = function(mouseState) {
            guac.sendMouseState(mouseState);
        };
        // Keyboard
        var keyboard = new Guacamole.Keyboard(document);
        keyboard.onkeydown = function (keysym) {
            guac.sendKeyEvent(1, keysym);
        };
        keyboard.onkeyup = function (keysym) {
            guac.sendKeyEvent(0, keysym);
        };
    /* ]]> */ </script>

</body>

我在前端获得的是我的远程计算机的完整图片。知道如何限制前端的交互吗？

使用div禁用对页面某个部分的点击

0 个答案: