html - ページ全体をクリック可能、Firefox

Question

私のスタイルシートには、カーソルをあるページのポインターに変更するためのこのコードがあり、ページがクリック可能であることを知らせる「ポインター」指を提供しないFirefoxを除いてうまく機能します。

   html { 
    cursor:pointer;
    }

問題は、body タグに onclick イベントを挿入する通常の方法が機能していないことです。(以下は動作していません)

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

firefox の通常のマウスカーソルの代わりに、ページ全体に人差し指を表示するにはどうすればよいですか?

score 3 · Accepted Answer

3

body 要素にホバールールを追加します。

body:hover {
  cursor:pointer;
}

于 2013-11-15T03:51:27.847 に答える

score 2 · Accepted Answer

画面全体を要素で埋める必要があります。

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

score 0 · Accepted Answer

ページ全体を次のような要素で埋める必要があると思います。

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

これを体内で使用します。そこでは、おそらく体の余白を気にする必要があります。

または、JavaScrip を介してウィンドウ全体にクリックハンドラーを追加します。

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

score 0 · Accepted Answer

生活を楽に:

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

CSS

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

4 に答える 4