如何设置光标离开屏幕？答案

【问题标题】：How to set cursor off screen?如何设置光标离开屏幕？
【发布时间】：2012-02-26 22:01:48
【问题描述】：

我正在为信息亭创建一个网站。我在一个页面上有 3 个 div，每次单击一个 div 时，下一个 div 会使用照片幻灯片显示，而前一个 div 会隐藏起来。

我的问题是，当显示欢迎屏幕（第一个 div）时（整个页面/div 是一个标签），底部的状态栏一直显示链接地址。我发布了另一个帖子，人们告诉我无法隐藏状态栏。

所以我的问题是如何将光标设置为离开屏幕/关闭设置，以便状态栏仅在访问者与屏幕交互时显示。

我可以使用 javascript、html/css 或 php 设置光标偏移量吗？感谢任何代码/建议。

谢谢！

下面是我的 html 页面或查看http://jsfiddle.net/EXfnN/8/

 <div id="item1" class="item">


        <div class="content">


            <a href="#item2" class="panel">

            <video id="my_Video" width="100%" height="100%" preload="auto" autoplay loop>xxxxxx
            </video>

            </a>

        </div>
       </div>



      <div id="item2" class="item">

       <div class="content">    
          <div id="back">

          <ul id="awesome-menu">

            <li>  

                   <a href="#item3"  onclick="abcSubmit()" id="abc" class="panel">ABC</a>

            </li>   

            <li>

              <a href="#item3" onclick="nationalSubmit()" id="national" class="panel">National</a>


            </li>   

            <li>

                   <a href="#item3" onclick="otherSubmit()" id="other" class="panel">Other</a>

            </li>       

          </ul>

        </div>

    </div>
   </div>

       <div id="item3" class="item">

            <div class="content">
                 <a href="#item1" class="panel"><img src="images/thankyou.jpg" alt="Thank you" /></a></div>
       </div>

【问题讨论】：

似乎没有正确配置信息亭。有关隐藏状态栏的配置选项，请联系信息亭供应商。
element.blur() 还不够吗？
嗨，Hakre，您所说的自助服务终端配置是什么意思？我在哪里可以做？我们在 pc 机上使用 firefox kiosk 模式，它连接到大电视屏幕。有什么地方可以隐藏状态栏吗？谢谢！
嗨 Marat，我对这个领域还很陌生，你能详细解释一下 element/blur() 函数，我该如何使用它？谢谢。
element.blur() 方法从主题元素中移除焦点，如果它当前是焦点。如果链接没有焦点，则其 URL 不应显示在浏览器的状态栏中。

标签： php javascript jquery html css

【解决方案1】：

我建议如果您为此使用 JavaScript，则不需要 ANCHOR 标记，因为您已经否定了对它们的需要。

我建议更改为将点击事件添加到 div 标签，并在“data-”属性中存储额外的应用程序数据，并使用 JavaScript 读取这些数据。

此解决方法消除了与上述类似的一些问题。

【讨论】：

嗨，我的流，我已经编辑了上面的代码。您是否可以给我一些示例代码来处理。我之前尝试使用 a 和 onclick，但每次单击第一个 div 时，它都会在另一个窗口中显示第二个 div。任何建议都会很棒。谢谢。
如果 div 显示在另一个窗口中 - 您可能需要在 onclick 函数中使用 return false; 以便代码可以在不让浏览器打开 href 属性定义的链接的情况下运行。您能否在 jsfiddle 上发布您的 JavaScript 代码，以便我们更仔细地查看您的情况？
嗨 Mystream，感谢您的跟进。这是我的页面结构，jsfiddle.net/EXfnN/8 如您所见，第一页将处于 kiosk 模式，因为它是一个标签，所以状态栏将始终显示在底部，根据要求我必须以某种方式制作它消失了，这就是我想到将光标移出屏幕的原因。谢谢。
像jsfiddle.net/EXfnN/10 这样的东西可能会让你继续前进（由于缺少资源，在 jsFiddle 领域并不能真正工作）。
@BlairMcMillan - 相同的方法 - 不错

【解决方案2】：

您可以将第一个元素设置为仅 div（不带 a 标签）捕获 onclick 事件，然后通过 javascript 重定向（或执行 a 标签具有的任何操作）？

【讨论】：

嗨 Stratton，第一个 div 实际上是一个 html5 视频，它是一个 a 标签，当你点击视频的任意位置时，第二个 div 会滑动显示。我不太确定如何使用 onclick 事件并通过您提到的 javascript 重定向，您是否可以给我更多详细信息/一些代码？我尝试了一个标签和onclick，每次点击一个标签时都会显示一个新窗口，这不适用于这个kiosk案例，我需要它留在一个页面上。有什么建议么？非常感谢。