【问题标题】:How to fix the issue of mouse-pointer?如何解决鼠标指针问题?
【发布时间】:2022-01-20 05:22:53
【问题描述】:

我的网站使用 PHP、jQuery、JavaScript 等。 现在,需要一个 jQuery/JavaScript 脚本,当鼠标指针离开打开我网站的网页的选项卡时,它会向用户发出警报。

任何人都可以在这方面提供帮助吗?任何形式的帮助将不胜感激。

【问题讨论】:

  • 多么糟糕的用户体验概念,你为什么需要这样的东西?
  • 要处理所有情况,我想说这是不可能的,或者可能使用某种服务器检查(针对多个选项卡)
  • @A.Wolff:是的,我们可以使用 PHP 进行服务器检查,以便考虑所有情况。但是如何达到预期的效果是我现在最大的挑战。
  • @charlietfl: 是的,这个奇怪的要求是从客户那里得到的,我必须尽快做这件事。你对此有什么想法吗?
  • 建议您告诉客户,这样做会导致用户避开他们的网站,因为这会导致各种意外行为和烦人的警报。

标签: javascript jquery mouseover mouse-cursor mousehover


【解决方案1】:

使用

$(document).focusout(function() { 
       alert("your out"); 
});

【讨论】:

  • 使用 mouseleave 将避免任何子级检查,因为 mouseleave 事件通过 DOM 传播。顺便说一句,我认为这个答案只是 OP 问题的一部分
  • 是的,你的权利...使用 .focusout() 。我认为这触发完美//我在上面编辑
  • 是的,也许 focusout 在这里会更合适
  • @Cracker0dks:根据您的回答,我编写了一个示例代码来实现这一目标。这也在某种程度上正在发生。但是导致一个问题,我必须在弹出窗口中单击确定按钮两次以关闭弹出窗口。第一次点击后它必须关闭但它没有关闭。供您参考,我附上了一个 JS FIDDLE URL。您可以将此代码复制到一个文件中并在您的机器上运行它,然后您就会了解该问题。 JS Fiddle 链接是:jsfiddle.net/xYE6b
  • 例如,如果我单击 url 栏,我只会在 chrome 中看到一个弹出窗口。
【解决方案2】:

我认为@Cracker0dks's回答是最好的办法,

$(document).focusout(function() { 
       alert("your out"); 
});

如果您想使用jquery keypress events跟踪快捷键,您应该了解键盘按钮的键码。并在用户按下您要跟踪的组合键时提醒用户。

要了解关键代码,请访问此网址http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00000520.html

但是如果用户按下任何快捷键来最小化窗口,您只能在浏览器页面中显示警报。最小化后用户看不到您的警报消息。

你也可以像在这个小提琴中一样使用它DEMO

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-04-15
    • 2011-07-07
    • 2019-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多