javascript - hrefsなしのリンクのポインタにカーソルスタイルを設定する方法

Question

javascript呼び出しを行うための属性の<a>ないhtmlタグがたくさんあります。これらのリンクには、カーソルのポインタスタイルはありません。テキストスタイルのカーソルがあります。hrefonclick

href属性を使用せずに、カーソルスタイルをリンクのポインターに設定するにはどうすればよいですか？

href = "＃"を追加できることはわかっています。hrefこれはhtmlドキュメントの多くの場所にあり、属性を使用せずにリンクのカーソルスタイルポインタを作成する方法を知りたいです。

score 227 · Accepted Answer

cssファイルにこれを追加します...。

a:hover {
 cursor:pointer;
}

cssファイルがない場合は、これをHTMLページのHEADに追加します

<style type="text/css">
 a:hover {
  cursor:pointer;
 }
</style>

また、JavaScriptの最後にfalseを返すことで、href=""属性を使用することもできます。

<a href="" onclick="doSomething(); return false;">a link</a>

これは多くの理由で良いことです。SEO、またはJavaScriptがない場合は、href=""が機能します。例えば

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>

編集： OPのユースケースでは、 @BalusCが言及している回答は必要ないことに注意してください。他のスタイルはセレクター:hoverで追加できますが。:hover

score 8 · Accepted Answer

8

style = "cursor：pointer;"

于 2010-03-09T14:48:23.633 に答える

score 5 · Accepted Answer

objectこれは、特定の（myObject）にカーソルを合わせたときに、カーソルを矢印から手に変更する方法です。

myObject.style.cursor = 'pointer';

score 3 · Accepted Answer

cursor: pointer正しく覚えている場合はCSSを使用してください。

CSSファイルのいずれか：

.link_cursor
{
    cursor: pointer;
}

次に、リンクカーソルを設定する要素に次のHTMLを追加するだけですclass="link_cursor"（推奨される方法）。

または、インラインCSSを使用します。

<a style="cursor: pointer;">

score 3 · Accepted Answer

それらすべてに共通のクラス（たとえばリンク）を与えます。次に、css-fileを追加します。

.link { cursor: pointer; }

または、@ mxmissileが提案したように、style = "cursor：pointer;"とインラインで実行します。

score 3 · Accepted Answer

次のCSSを使用してクラスを作成し、onclickイベントを使用してタグに追加します。

cursor:pointer;

score -2 · Accepted Answer

-2

これは私のために働いた：

<a onClick={this.openPopupbox} style={{cursor: 'pointer'}}>

于 2020-01-16T00:37:16.070 に答える

7 に答える 7