Cách đặt kiểu con trỏ thành con trỏ cho các liên kết mà không có href

Tôi có rất nhiều <a>thẻ html mà không có hrefthuộc tính để thực hiện onclickcác cuộc gọi javascript. Các liên kết này không có kiểu con trỏ của con trỏ. Họ có con trỏ kiểu văn bản.

Làm cách nào tôi có thể đặt kiểu con trỏ thành con trỏ cho các liên kết mà không sử dụng hrefthuộc tính?

Tôi biết tôi có thể thêm href = "#". Tôi có điều này ở rất nhiều nơi trong tài liệu html và muốn biết cách tạo con trỏ kiểu con trỏ cho các liên kết mà không cần sử dụng hrefthuộc tính.

trong tập tin css của bạn thêm điều này ....

a:hover {
 cursor:pointer;
}

nếu bạn không có tệp css, hãy thêm tệp này vào đầu trang HTML của bạn

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

ngoài ra, bạn có thể sử dụng thuộc tính href = "" bằng cách trả về false ở cuối javascript của bạn.

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

Điều này tốt cho nhiều lý do. SEO hoặc nếu mọi người không có javascript, thì href = "" sẽ hoạt động. ví dụ

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

@see http://www.alistapart.com/articles/behavioralseparation

Chỉnh sửa: Đáng chú ý câu trả lời của @ BalusC trong đó anh ta đề cập :hoverlà không cần thiết cho trường hợp sử dụng của OP. Mặc dù phong cách khác có thể được thêm với :hoverbộ chọn.

Chỉ cần thêm nó vào phong cách CSS toàn cầu của bạn:

a { cursor: pointer; }

Bằng cách này, bạn không còn phụ thuộc vào kiểu con trỏ mặc định của trình duyệt nữa.

style = "con trỏ: con trỏ;"

Đây là cách thay đổi con trỏ từ một mũi tên sang một bàn tay khi bạn di chuột qua một object(myObject) nhất định.

myObject.style.cursor = 'pointer';

Cung cấp cho họ tất cả một lớp chung (ví dụ liên kết). Sau đó thêm vào tập tin css:

.link { cursor: pointer; }

Hoặc như @mxmissile đã đề xuất, hãy thực hiện nội tuyến với style = "con trỏ: con trỏ;"

tạo một lớp với CSS sau và thêm nó vào thẻ của bạn với các sự kiện onclick:

cursor:pointer;

Sử dụng CSS cursor: pointernếu tôi nhớ chính xác.

Trong tệp CSS của bạn:

.link_cursor
{
    cursor: pointer;
}

Sau đó, chỉ cần thêm HTML sau vào bất kỳ yếu tố nào bạn muốn có con trỏ liên kết: class="link_cursor"(phương thức ưa thích.)

Hoặc sử dụng CSS nội tuyến:

<a style="cursor: pointer;">

Phiên bản góc cạnh:

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

Điều này làm việc cho tôi:

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