Kích hoạt sự kiện NGAY LẬP TỨC khi click chuột, không chờ thả - JavaScript

Để thực hiện điều này, hãy sử dụng addEventListener() với sự kiện mousedown.

Ví dụ

Mã minh họa:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Document</title> 
</head> 
<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> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" /> 
<body> 
</body> 
<script> 
  document.addEventListener("mousedown", function () { 
    console.log("Sự kiện mousedown đang xảy ra"); 
  }); 
</script> 
</html>

Để chạy chương trình, lưu file index.html và mở với Live Server trong VSCode.

Kết quả

Khi nhấn chuột (chưa thả), console ngay lập tức in "Sự kiện mousedown đang xảy ra".