JavaScript-এ onkeypress বা keydown ইভেন্ট ব্যবহার করে এন্টার কী (keyCode 13) প্রেস হয়েছে কিনা সনাক্ত করা যায়। এটি ফর্ম সাবমিশন বা চ্যাট অ্যাপ্লিকেশনে খুবই ব্যবহারী।
বেসিক সিনট্যাক্স
<input type="text" onkeypress="checkEnter(event)" />
function checkEnter(event) {
if (event.keyCode === 13) {
// এন্টার প্রেস হয়েছে
}
}
সম্পূর্ণ HTML উদাহরণ
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>এন্টার কী ডিটেক্ট</title>
</head>
<body>
<input id="textBox" type="text" placeholder="টাইপ করুন এবং এন্টার চাপুন" />
<script>
document.getElementById("textBox").addEventListener("keypress", function(event) {
if (event.keyCode === 13) { // এন্টার কী
var value = this.value;
console.log("ইনপুট মান: " + value);
console.log("এন্টার কী প্রেস হয়েছে!");
} else {
console.log("এন্টার কী প্রেস হয়নি।");
}
});
</script>
</body>
</html>
চলানোর পদ্ধতি
- ফাইলটি
enterKey.htmlনামে সংরক্ষণ করুন। - VS Code-এ Open with Live Server দিয়ে চালান।
- ইনপুট বক্সে কিছু লিখে এন্টার চাপুন।
- ব্রাউজার কনসোল (F12) দেখুন।
আউটপুট
ইনপুট মান: আপনার লিখা টেক্সট
এন্টার কী প্রেস হয়েছে!
মডার্ন পদ্ধতি (keyCode ডিপ্রিকেটেড)
input.addEventListener("keydown", function(event) {
if (event.key === "Enter") { // সztenডার্ড পদ্ধতি
console.log("এন্টার প্রেস হয়েছে: " + this.value);
}
});
দ্রষ্টব্য
keyCodeডিপ্রিকেটেড,event.keyব্যবহার করুন।keydownসব কী लिये কাজ করে,keypressক্যারেক্টার কীসামনে সীমিত।- ফর্মে
event.preventDefault()দিয়ে ডিফল্ট সাবমিশন বন্ধ করুন।