【问题标题】:Change mouse cursor in Javascript or jQuery在 Javascript 或 jQuery 中更改鼠标光标
【发布时间】:2013-06-29 03:19:41
【问题描述】:

如何在 Javascript 或 jQuery 中更改鼠标光标?我知道这是一个非常经典的问题,但奇怪的是这个 JSFiddle 不起作用:http://jsfiddle.net/2Qffw/.

代码如下:

$('body').css('cursor','pointer');

document.body.style.cursor = "pointer";

【问题讨论】:

  • 在没有 jsFiddle 的情况下在本地尝试,它应该可以工作,或者在 jsFiddle 中尝试一个元素,它也可以工作 -> jsfiddle.net/2Qffw/1
  • 最好的方法是使用 :hover 的 CSS 规则。你可以用这种方式为你的应用建模吗?
  • @adeneo :在本地,它可以在没有 的情况下工作,但不能。
  • @cirrus :这不是我的问题。事实上,我已经在很大程度上简化了我在问题中提出的问题。
  • 这看起来不像是你应该用 jQuery 而不是普通的旧 CSS 做的事情。

标签: javascript jquery mouse-cursor


【解决方案1】:

htmlbody 中都这样做:

$('html,body').css('cursor','crosshair');

http://jsfiddle.net/2Qffw/3/

【讨论】:

    【解决方案2】:

    它确实有效,但你的身体是空的。

    http://jsfiddle.net/z6mhH/

    HTML

    <body>
        asdasdasdasdads
    </body>
    

    JS

    document.body.style.cursor = "crosshair";
    

    【讨论】:

      【解决方案3】:
      document.getElementById("mydiv").style.cursor="move";
      

      【讨论】:

        【解决方案4】:

        在Javascript中,你可以做到,你只需要在document.body.style.cursor = "crosshair";的末尾使用void 0;,所以最后应该是这样的:document.body.style.cursor = "crosshair"; void 0;

        【讨论】:

          猜你喜欢
          • 2010-11-16
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多