Hướng dẫn anchor click event javascript - sự kiện nhấp chuột neo javascript

110

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Khi sử dụng Google, tôi thấy rằng họ đang sử dụng các sự kiện onclick trong các thẻ neo.

Trong nhiều tùy chọn trong phần tiêu đề của Google, nó trông giống như một thẻ bình thường, nhưng việc ghi lại nó không được chuyển hướng nhưng đã mở một menu. Bình thường khi sử dụngmore option in google header part, it looks like normal a tag, but onclicking it doesn't get redirected but opened a menu. Normally when using

More >>>

Nó thường đi đến 'More.php' mà không cần bắn show_more_menu(), nhưng tôi đã hiển thị một menu trong chính trang đó. Làm thế nào để làm như Google?google?

Sachin Jain

21.1K28 Huy hiệu vàng97 Huy hiệu bạc167 Huy hiệu đồng28 gold badges97 silver badges167 bronze badges

Hỏi ngày 8 tháng 9 năm 2011 lúc 12:11Sep 8, 2011 at 12:11

Nếu chức năng onclick của bạn trả về sai, hành vi trình duyệt mặc định sẽ bị hủy. Như vậy:

check

Dù bằng cách nào, liệu Google có làm điều đó hay không không quan trọng nhiều. Việc liên kết các chức năng onclick của bạn trong JavaScript - theo cách này, bạn tách HTML khỏi mã khác.

Đã trả lời ngày 8 tháng 9 năm 2011 lúc 12:13Sep 8, 2011 at 12:13

TjheuveltjheuvelTJHeuvel

12.1k3 Huy hiệu vàng37 Huy hiệu bạc46 Huy hiệu đồng3 gold badges37 silver badges46 bronze badges

3

Bạn thậm chí có thể thử tùy chọn bên dưới:

More >>>

Đã trả lời ngày 5 tháng 10 năm 2012 lúc 17:27Oct 5, 2012 at 17:27

sun2sun2sun2

1.0481 Huy hiệu vàng13 Huy hiệu bạc17 Huy hiệu đồng1 gold badge13 silver badges17 bronze badges

1

Từ những gì tôi hiểu, bạn không muốn chuyển hướng khi liên kết được nhấp. Bạn có thể làm :

More >

Đã trả lời ngày 8 tháng 9 năm 2011 lúc 12:16Sep 8, 2011 at 12:16

Aditya Manoharaditya ManoharAditya Manohar

2.0841 Huy hiệu vàng16 Huy hiệu bạc20 Huy hiệu Đồng1 gold badge16 silver badges20 bronze badges

3

Sử dụng mã sau để hiển thị menu thay vì truy cập href addres

function show_more_menu(e) {
  if( !confirm(`Go to ${e.target.href} ?`) ) e.preventDefault();
}

 More >>> 

Đã trả lời ngày 2 tháng 7 năm 2018 lúc 8:30Jul 2, 2018 at 8:30

Kamil Kiełczewskikamil KiełczewskiKamil Kiełczewski

76.3K26 Huy hiệu vàng338 Huy hiệu bạc315 Huy hiệu đồng26 gold badges338 silver badges315 bronze badges

3

1) Link to work

      ...View Full List
                    
  setActiveTab = (e) => {
    e.preventDefault();
    console.log(e.target);
}

Đã trả lời ngày 20 tháng 7 lúc 4:39Jul 20 at 4:39

1

Thêm một giải pháp ngăn chặn hành động mặc định ngay cả khi hàm javascript trả về bất kỳ giá trị nào.

Đã trả lời ngày 29 tháng 8 lúc 11:50Aug 29 at 11:50

NandhanandhaNandha

1201 Huy hiệu vàng4 Huy hiệu bạc 10 huy hiệu đồng1 gold badge4 silver badges10 bronze badges