热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

整个页面更改鼠标光标?-ChangeMouseCursorforwholepage?

IhaveadragUIprogram,wherethemousecursoronthedraggableelementchangestoagrabbinghand

I have a drag UI program, where the mouse cursor on the draggable element changes to a grabbing hand on click.

我有一个拖动UI程序,其中可拖动元素上的鼠标光标在点击时变为抓取手。

The problem is, I allow the drag to happen anywhere on screen, and the cursor changes over anchor tags, etc...

问题是,我允许拖动发生在屏幕上的任何地方,并且光标改变锚标签等...

I've tried $('*').addClass('grabbing'), but it's REALLY expensive.

我试过$('*')。addClass('抓取'),但它真的很贵。

Is there a simple easy code efficient way to handle this?

是否有一种简单易用的代码处理方法?

3 个解决方案

#1


5  

Do it at the CSS level:

在CSS级别执行:

* {
   cursor: pointer;
}

doing it in jquery forces it to iterate every single node in the dom and rewrite its css classes. On a long document, that's a huge waste of time.

在jquery中执行它会强制它迭代dom中的每个节点并重写其css类。在一份长篇文件中,这是一个巨大的浪费时间。

#2


1  

try this

尝试这个

$('body').addClass('grabbing');

OR

要么

$(document).addClass('grabbing');

//EDITED ANSWER

// EDITED ANSWER

$('body').mousedown(function(e){
    $(this).css({'cursor':'pointer'});
}).mouseup(function(e){
    $(this).css({'cursor':'auto'});
});

If you firebug is on, you can see the changes in body style tag. But some how it's not working. You can take it as a reference and try similar approach the get solution.

如果启用了firebug,则可以看到正文样式标记中的更改。但有些人如何不工作。您可以将其作为参考,并尝试类似的方法获得解决方案。

#3


0  

The only way I can think of to do this is pretty hacky.

我能想到的唯一方法是做到这一点非常hacky。

Create a DIV that has a z-index of something higher than everything else on that page, and has the cursor you want. Enable that div whenever the mouse cursor goes down. Sample code:

创建一个d-index,其索引值高于该页面上的所有其他内容,并具有您想要的光标。只要鼠标光标停止,就启用该div。示例代码:


 
  • One
  • Two
  • Three

推荐阅读
author-avatar
但须g婚后
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有