Question

我在我的样式表中有这段代码将光标更改为一页上的指针，除了在firefox上它运行良好，它没有给你一个“指针”手指让你知道页面是可点击的。

   html { 
    cursor:pointer;
    }

问题是，在body标签中放置onclick事件的常规方法不起作用。（如下所示不起作用）

<body onclick="window.href.location=filename">
body text
</body>

如何在整个页面上使用指针而不是firefox中的普通鼠标光标？

Answer 1

将悬停规则添加到body元素。

body:hover {
  cursor:pointer;
}

Answer 2

您必须使用元素填充整个屏幕。

html { 
  cursor:pointer;
  width: 100%;
  height: 100%;
}

Check this JSFiddle我为你准备的。

Answer 3

我猜你需要用以下元素填充整个页面：

<div style="position:absolute;top:0px;left:0px;right:0px;bottom:0px">
</div>

并在体内使用它。你可能需要关心身体的边缘。

或者您通过JavaScrip将点击处理程序附加到整个窗口：

window.addEventListener("click", doSomething, false);

Answer 4

让生活变得轻松：

<a href="#" id="page" onclick="JScode()"></a>

CSS

#page{display:block;position:absolute;top:0;bottom:0:left:0;right:0;}