Đối với điều này, hãy sử dụng PreventDefault () trong JavaScript. Sau đây là mã JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<a href="urlLink">Press Me to see logs</a>
<a href="urlLink">Press Me to see logs in console</a>
<a href="#">Nothing will happen</a>
<script>
$(function(){
$("a:not([href='#'])").click(function(event){
event.preventDefault();
console.log("You have pressed me!!!!!");
});
});
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp. Chọn tùy chọn Mở bằng máy chủ trực tiếp trong VS trình soạn thảo mã.
Đầu ra
Nếu bạn nhấp vào hai liên kết, hãy Nhấn vào tôi để xem nhật ký và Nhấn vào tôi để xem nhật ký trong bảng điều khiển, sau đó bạn sẽ nhận được đầu ra bảng điều khiển. Tuy nhiên, nếu bạn nhấp vào liên kết Sẽ không có gì xảy ra , sau đó nó sẽ không in bất cứ thứ gì -
Ở trên, tôi đã nhấn Nhấn vào tôi để xem nhật ký để hiển thị đầu ra.
Nếu bạn nhấp vào liên kết Sẽ không có gì xảy ra , sau đó nó sẽ không in bất cứ thứ gì như trong đầu ra bên dưới -
