Javascript 使用div禁用对页面特定部分的单击_Javascript_Jquery_Css_Html

Javascript 使用div禁用对页面特定部分的单击

javascript jquery css html

Javascript 使用div禁用对页面特定部分的单击,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我使用以下示例作为web浏览器中的客户端，使用鳄梨酱项目访问远程桌面。但它允许用户完全访问计算机虽然我使用了一些VNC/RDP限制来应用服务器端的限制。但仍然要求用户不能从前端与远程计算机上的应用程序的某些部分交互（如关闭或最小化按钮或左上角或右上角页面的部分），因此他只能使用应用程序，但不能最小化或关闭应用程序所以我想也许我可以禁用这些部分的点击，这样它就不会被转移到远程桌面 <html> <head> <link rel="stylesheet"

我使用以下示例作为web浏览器中的客户端，使用鳄梨酱项目访问远程桌面。但它允许用户完全访问计算机

虽然我使用了一些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>


鳄梨酱
/*  */

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

我极力劝你不要那样做。即使您可以禁用单击应用程序的某些部分，用户仍然可以使用键盘命令。在最坏的情况下，应用程序可能会崩溃，客户端随后会有完整的桌面可用。你能解释一下你想发布什么样的应用程序吗？也许有更好的方法已经实现了。我希望用户评估不同的桌面应用程序（可以是不同的域）。为此，我希望通过web浏览器与他们共享我的远程桌面（目前使用guacamole服务器/客户端通过web浏览器和Rdp/VNC服务器共享桌面）。但由于远程桌面为用户提供了完全访问权限，因此我想限制他们对单个应用程序的访问，他们也不能关闭该应用程序。我正在考虑禁用页面顶部的部分（最小化和关闭按钮），因此认为鼠标单击不会传输到服务器。我尝试了TightVNC应用一些限制，但我需要更多功能如果用户能够评估应用程序，我建议设置一个虚拟机。客户端连接到虚拟机，完成后，您可以将虚拟机重置为在连接之前创建的快照。因此，无论用户做什么，机器都将被保存。此外，您还可以严格限制虚拟机内部的访问权限。