Bắt sự kiện click trong javascript

Chào mn, e mới tìm hiểu về DOM trong js thì gặp 1 vấn đề về việc bắt sự kiện click khi tạo menu mn góp ý giúp e với ạ.

<div class="menu">
			<ul>
				<li>
					<a href="">Home</a>
					<ul class="sub-menu">
						<li><a href="">Home 1</a></li>
						<li><a href="">Home 2</a></li>
						<li><a href="">Home 3</a></li>
						<li><a href="">Home 4</a></li>
					</ul>
				</li>
				<li>
					<a href="">About</a>
					<ul class="sub-menu">
						<li><a href="">About 1</a></li>
						<li><a href="">About 2</a></li>
						<li><a href="">About 3</a></li>
						<li><a href="">About 4</a></li>
					</ul>
				</li>
				<li><a href="">Contact</a></li>
				<li><a href="">Product</a></li>
				<li><a href="">More</a></li>
			</ul>
		</div>
var a = document.querySelectorAll('.menu > ul >li >a');
	for(var i = 0; i<a.length; i++){
		let b = a[i];
		b.onclick = function(){
			console.log(this);
		}
		
	}

Điều quan trọng nhất là vấn đề mà bạn gặp phải là gì thì lại chẳng nhắc đến!

2 Likes

Dạ e quên, nếu mình console.log trực tiếp trong vòng for mà không cần onclick thì sẽ hiển thị ra đúng, nhưng khi cho vào click thì lại k ra kết quả ạ

Thế bạn có thử click vào những thẻ a đó chưa?

2 Likes

Click vào cái link thì nó lại qua trang khác mất rồi sao mà log được chứ :smiley:

3 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?