কম্পিউটার

জাভাস্ক্রিপ্ট ENTER টিপে পাঠ্যবক্স জমা দেবেন?


ENTER-এর কী কোড 13 আছে। ENTER চাপানো হয়েছে কি না তা পরীক্ষা করতে আমরা event.keycode ব্যবহার করব। নিম্নলিখিত কোড -

উদাহরণ

<!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="name"/>
<script>
   document.getElementById("name").addEventListener("keydown",
   function(event) {
      if (!event) {
         var event = window.event;
      }
         event.preventDefault();
      if (event.keyCode == 13){
         login();
      }
   }, false);
   function login(){
      console.log("submitted successfully....");
   }
</script>
</body>
</html>

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

আউটপুট

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

তৈরি করবে

জাভাস্ক্রিপ্ট ENTER টিপে পাঠ্যবক্স জমা দেবেন?

আপনি যখন ENTER কী টিপবেন, নিচের স্ক্রিনশটের মতো নিচের বার্তাটি কনসোলে দৃশ্যমান হবে -

জাভাস্ক্রিপ্ট ENTER টিপে পাঠ্যবক্স জমা দেবেন?


  1. কিভাবে একটি টেক্সটবক্সে জাভাস্ক্রিপ্ট আউটপুট করবেন?

  2. জাভাস্ক্রিপ্টে গতিশীল উপাদানের সাথে ইভেন্ট সংযুক্ত করবেন?

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

  4. জাভাস্ক্রিপ্টে টেক্সটবক্সের মান কীভাবে প্রদর্শন করবেন?