【问题标题】:Preventing cursor change in Chrome when clicking on a link that calls history.pushState() [duplicate]单击调用history.pushState()的链接时防止Chrome中的光标更改[重复]
【发布时间】:2011-07-05 19:24:19
【问题描述】:

可能重复:
Preventing cursor change on link click in Chrome

单击 Chrome(不是 Safari 或 Firefox)中的链接会导致调用 history.pushState() 将光标从指针更改为箭头。可以防止这种行为吗?

例子:

任何人都希望在单击链接后光标保持为指针的唯一原因是该链接实际上并未加载另一个页面,而是触发了一个 JS 事件。

<a href="test">Test</a>

// JQuery
$("a").click(function(event) { event.preventDefault(); }

使用上面的代码,event.preventDefault(或返回false)将允许光标在单击后保持指针。这足以满足大多数用途,即触发 DOM 操作和/或 AJAX 请求。

问题在于 history.pushState():

// JQuery
$("a").click(function(event) {
    history.pushState(arg1, arg2, "/path");
    event.preventDefault(); return false;
}

这里的指针确实变成了一个箭头。关于如何阻止这种情况发生的任何想法?

【问题讨论】:

    标签: javascript css google-chrome cursor


    【解决方案1】:

    你有没有尝试过一些 CSS:

    a {cursor: pointer;}
    

    【讨论】:

    • 如果不起作用,请尝试 a:visited 和 a:active
    • 最后一次尝试:a{cursor:pointer !important;} 或与之前一样访问和活动的相同
    • 是的,已经尝试过使用 !important 声明。不过还是谢谢。
    猜你喜欢
    • 2011-09-28
    • 2011-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多