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

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

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

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

あなたの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>

@http ：//www.alistapart.com/articles/behavioralseparationを参照

編集：彼が言及している@BalusCの回答に注目する価値:hoverは、OPのユースケースでは必要ありません。他のスタイルは:hoverセレクターで追加できますが。

これをグローバルCSSスタイルに追加するだけです。

a { cursor: pointer; }

これにより、ブラウザのデフォルトのカーソルスタイルに依存しなくなります。

style = "cursor：pointer;"

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

myObject.style.cursor = 'pointer';

それらすべてに共通のクラス（リンクなど）を与えます。次に、cssファイルに追加します。

.link { cursor: pointer; }

または、@ mxmissileが示唆するように、style = "cursor：pointer;"でインライン化します。

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

cursor:pointer;

cursor: pointer私が正しく覚えているならCSSを使ってください。

CSSファイルのいずれか：

.link_cursor
{
    cursor: pointer;
}

次に、リンクカーソルを置きたい要素に次のHTMLを追加しますclass="link_cursor"（推奨される方法）。

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

<a style="cursor: pointer;">

角度バージョン：

<a (click)="action(); $event.preventDefault()" href="#">Action</a>

これは私のために働きました：

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