জেকুয়েরি keydown() মেথড
সংজ্ঞা এবং ব্যবহার
keydown ইভেন্টের সাথে সম্পর্কিত ইভেন্টের ধাপগুলো:
- keydown - যখন কী নিচের দিকে নামতে থাকে
- keypress - যখন কী নিচে চাপ দেওয়া হয়
- keyup - যখন কী ছেড়ে দেওয়া হয়
একটি কীবোর্ড কী চাপ দিলে keydown ইভেন্ট ঘটে।
keydown() মেথড keydown ইভেন্ট ট্রিগার করে, অথবা keydown ইভেন্ট ঘটলে রান করার জন্য একটি ফাংশন যুক্ত করে।
টিপস: কীবোর্ড কী কোনটি চাপ দেওয়া হয়েছে event.which প্রোপার্টির মাধ্যমে তা রিটার্ন করা যায়।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).keydown()
keydown ইভেন্টে একটি ফাংশন যোগ:
$(selector).keydown(function)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে keydown() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | ঐচ্ছিক। keydown ইভেন্ট ঘটলে যে ফাংশনটি রান হবে তা নির্দেশ করে। |
keydown()মেথড সংক্রান্ত উদাহরণ
কীবোর্ডর কী চাপ দিলে <input> ফিল্ডের ব্যাকগ্রাউন্ড কালার পরিবর্তন:
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").keydown(function(){
$("input").css("background-color", "yellow");
});
$("input").keyup(function(){
$("input").css("background-color", "pink");
});
});
</script>
</head>
<body>
আপনার নাম দিন: <input type="text">
<p>উপরে ইনপুট ফিল্ডে আপনার নাম লিখুন। এটা keydown এবং keyup উপর ব্যাকগ্রউন্ড-কালার পরিবর্তন করতে পারে।</p>
</body>
</html>
ফলাফল
কোন কী চাপ দেওয়া হয়েছে জানুন
event.which প্রোপার্টির মাধ্যমে কোন কী চাপ দেওয়া হয়েছে তা নিচের উদাহরনে জানবেন
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").keydown(function(event){
$("div").html("Key: " + event.which);
});
});
</script>
</head>
<body>
আপনার নাম লিখুন: <input type="text">
<p> যখন আপনি ইনপুট বক্সে টাওপ করবেন তঁখন নিচে নাম্বার প্রদর্শিত হবে
</p>
<div />
</body>
</html>
ফলাফল