কম্পিউটার

জাভাস্ক্রিপ্ট সহ একটি পাঠ্য ইনপুট ক্ষেত্রে ENTER কী সনাক্ত করুন


আপনি ENTER কী-এর জন্য keyCode 13 ব্যবহার করতে পারেন৷ প্রথমে ইনপুট তৈরি করি -

<input type="text" id="txtInput">

এখন, ENTER কী সনাক্ত করতে keyCode সহ on() ব্যবহার করি। নিম্নলিখিত সম্পূর্ণ কোড -

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=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>
<input type="text" id="txtInput">
<script>
   $("#txtInput").on('keyup', function (event) {
      if (event.keyCode === 13) {
         console.log("Enter key pressed!!!!!");
      }
   });
</script>
</body>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। ভিএস কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

জাভাস্ক্রিপ্ট সহ একটি পাঠ্য ইনপুট ক্ষেত্রে ENTER কী সনাক্ত করুন

আপনি যখন একটি ENTER কী টিপবেন, আপনি নীচের কনসোল আউটপুটের মতো নিম্নলিখিত বার্তাটি পাবেন -

জাভাস্ক্রিপ্ট সহ একটি পাঠ্য ইনপুট ক্ষেত্রে ENTER কী সনাক্ত করুন


  1. এন্টার কী চাপা হয়েছে কিনা তা পরীক্ষা করুন এবং জাভাস্ক্রিপ্টের সাথে কনসোলে ফলাফল প্রদর্শন করুন?

  2. জাভাস্ক্রিপ্ট দিয়ে স্ক্রিন রেজোলিউশন কিভাবে সনাক্ত করবেন?

  3. জাভাস্ক্রিপ্টে কী প্রেস ইভেন্ট লিখবেন?

  4. আমি জাভাস্ক্রিপ্টে টাইপ করার সাথে সাথে এইচটিএমএল টেক্সট ইনপুট ফিল্ড বাড়াতে হবে?