jjzjj

JavaScript Cursor Change(并再次变回)

coder 2024-05-07 原文

我有这个页面做一些时髦的数据库东西，需要几秒钟来处理，同时我想设置一个 "wait" 光标，这样用户就不会翻转出来并继续点击按钮。我看过

document.body.style.cursor = "等待"

问题是，它仅在鼠标悬停在页面正文上时才有效(即，如果鼠标悬停在按钮上，它仍会显示正常指针)。如何设置，无论鼠标在页面的哪个位置，都显示等待图标？

这个问题的第二部分是，一旦完成就很重要了，我该如何将其恢复原状？如果我将它设置回 "default"，这似乎会覆盖我在 CSS 中设置的任何 "hover" 光标更改(因此它不再成为一只手指定的对象等)。

编辑:第一个答案很好用，除了在 IE 中它不会刷新光标(因此您会注意到光标类型的变化)，直到您实际移动光标。有任何修复吗？

最佳答案

我的建议是两件事: a) 最好像这样写一个 CSS

body.waiting * { cursor: wait; }

b) 使用JS处理body类

/* when you need to wait */
document.body.className = 'waiting';
/* to remove the wait state */
document.body.className = ''; // could be empty or whatever you want

您可能想要添加类而不是替换整个类属性，我建议为此使用类似 jQuery 的东西。

2019 年编辑:不要为此使用 jQuery，使用 classList

关于JavaScript Cursor Change(并再次变回)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5175740/

JavaScriptCursorcodesectionstrongmouse-cursor

有关JavaScript Cursor Change(并再次变回)的更多相关文章

  1. ruby - 将 STDOUT 输出到文件并再次返回 - 2

    我使用以下代码将STDOUT路由到一个文件:STDOUT.reopen(File.open("./OUTPUT",'w+'))现在我需要再次将STDOUT路由到终端。我该怎么做？ 最佳答案 已更新orig_std_out=STDOUT.cloneSTDOUT.reopen(File.open('OUTPUT','w+'))puts"testtofile"STDOUT.reopen(orig_std_out)puts"testtoscreen" 关于ruby-将STDOUT输出到文件并再次

  2. ruby 弦使用rust 并再次使用rust - 2

    我正在尝试将Ruby中的字符串传递给Rust可执行文件，对其进行操作并将操作后的字符串传回。到目前为止，我可以传入字符串并返回它，但我不知道如何将它转换为使用rust字符串，对其进行操作，然后将其传回ruby​​。这是我目前所拥有的://lib.rsusestd::ffi::CStr;#[no_mangle]pubexternfnreturn_string(test_str:&CStr)->&CStr{//workingfuncitontest_str}#[no_mangle]pubexternfnmanipulate_and_return_string(mystr:&CStr)->&

  3. ruby-on-rails - 如何在不删除所有较新迁移的情况下再次运行迁移？ - 2

    我刚刚安装了devise，所以除了一个用户(我)之外，该表上没有任何数据。我又重新做了一遍数据库，所以我放弃了它。我使用railsgscaffold生成6个新模型和Controller，并使用rakedb:migrate在我的/db/migrate目录中，我有一个文件名为20130603211907_devise_create_users.rb的设计文件这里是问题所在:如果我执行rakedb:migrate:downVERSION=20130603211907，它将删除所有新的迁移。如何在不删除所有较新的迁移的情况下再次运行迁移？ 最佳答案

  4. ruby-on-rails - Rails 在 ActiveRecord::Relation 对象中查找记录而无需再次查询数据库 - 2

    我想在ActiveRecord::Relation对象中找到一个特定的记录，这样我就可以获取该记录的属性。下面的代码有效，但问题是它再次使用find_by语句访问数据库。它不应该。Rails应该有一种方法可以在ActiveRecord::Relation对象中找到该对象，而不必再次查询数据库。#returnsanActiveRecord::Relationobject@blogs=Blog.all#SearchfortheblogwithinthatActiveRecord::Relationobject,NOTthedatabase@blogs.find_by(id:1).title

  5. Ruby:如果更改了文件，则再次需要一个文件 - 2

    我写了一个在config/中查找配置文件的gem。这工作正常，但如果用户更改任何配置，他们必须停止程序并在我的gem加载新配置之前重新启动它。这将要求他们在每次更改时重新启动整个Rails应用程序，这并不理想。有没有办法“重新要求”一个文件，以便它重新加载它而不是使用缓存的版本。 最佳答案 您可以使用load代替require。这将加载文件，而不管它之前是否已经加载过。请注意，对于load，您需要指定.rb扩展名，它对于require是可选的。所以require"path/to/myconfig"变成了load"path/to/my

  6. javascript - x 秒或页面更改后再次隐藏警告消息 - 2

    我是Angular的新手，现在我可以在有人从我们的应用程序请求新密码时显示警告消息:用户模型:.service('userModel',['$q','$http','authorizedTracker',function($q,$http,authorizedTracker){this.passwordreset=function(token){vardeferred=$q.defer();$http({method:'GET',url:'/reset/'+token}).then(function(response){if(!_(response.data).has('user'))

  7. javascript - Angular 2-再次单击routerLink时重新加载组件 - 2

    我正在处理具有以下文件结构的Angular2项目。HeaderComponent.tsAppComponent.tsPage1Component.tsPage2Component.ts我的HeaderComponent.ts中有以下模板WebSiteNameHomePage1Page2在我的AppComponent中使用以下路由@Component({selector:'my-app',template:``,directives:[ROUTER_DIRECTIVES,HeaderComponent]})@Routes([{path:'/',component:HomeComponen

  8. javascript - Backbone.js 中的可选路由参数？ (再次) - 2

    我正在尝试在Backbone0.9.10中设置路由。我想匹配以下类型的路由:/england//england/birmingham/france/france/paris...等这是我目前在路由器中的内容:varAppRouter=Backbone.Router.extend({routes:{"":"index","(/:country)":"index","(/:country)(/:city)":"index"},index:function(country,city){console.log('index',country,city);}});varStateApp=newA

  9. javascript - 使用 localStorage() 在模态上保存 "closed"状态，因此它不会再次显示给该用户 - 2

    我有一个弹出模式，我在加载时加载到我的页面上，我想在它关闭后不再为该用户显示。我用localStorage();做过类​​似的事情，但出于某种原因无法弄清楚使这项工作起作用的语法。我尝试了一个设置类的解决方案，但在刷新时它将重新加载原始元素，所以现在我正在尝试这个想法，我将模态的状态更改为“已访问”。有什么想法可以让我以我希望的方式工作吗？localStorage函数:$(function(){if(localStorage){if(!localStorage.getItem('visited')){$('.projects-takeover').show();}}else{$('.p

  10. 聚观早报 | 明年起手机预装APP均可卸载；爱奇艺VIP会员再次涨价 - 2

    今日要闻：明年起手机预装APP均可卸载；爱奇艺VIP会员再次涨价；转转首个华南地区自营店开业；马斯克出售股票套现36亿美元；微软将逐步推出欧盟云数据边界明年起手机预装APP均可卸载12月16日消息，日前，工业和信息化部联合国家互联网信息办公室发布了《关于进一步规范移动智能终端应用软件预置行为的通告》。《通告》指出，本通告所称预置应用软件，是指由生产企业预置，在移动智能终端主屏幕和辅助屏界面内存在用户交互入口，为满足用户应用需求而提供的、可独立使用的软件程序。《通告》强调，生产企业应确保移动智能终端中除基本功能软件外的预置应用软件均可卸载，并提供安全便捷的卸载方式供用户选择。该《通告》将于202

随机推荐