জেকুয়েরি keypress() মেথড
সংজ্ঞা এবং ব্যবহার
keypress ইভেন্টের সাথে সম্পর্কিত ইভেন্টের ধাপগুলো:
- keydown - যখন কী নিচের দিকে নামতে থাকে
- keypress - যখন কী নিচে চাপ দেওয়া হয়
- keyup - যখন কী ছেড়ে দেওয়া হয়
keypress() মেথড keypress ইভেন্ট ট্রিগার করে, অথবা keypress ইভেন্ট ঘটলে রান করার জন্য একটি ফাংশন যুক্ত করে।
keypress ইভেন্ট keydown ইভেন্টের মতই। একটি বাটনকে নিচে চাপ দেওয়া হলে এই ইভেন্টটি ঘটে।
keypress ইভেন্ট সকল কীয়ের জন্য ঘটে না (যেমন ALT, CTRL, SHIFT, ESC)। এইসকল বাটনের জন্য keydown() মেথড ব্যবহার করতে হবে।
সিনট্যাক্স ও ব্যাখ্যা
নির্বাচিত এলিমেন্টের জন্য keypress ইভেন্ট ট্রিগার
$(selector).keypress()
keypress ইভেন্টে একটি ফাংশন যোগ:
$(selector).keypress(function)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে qqqqq() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | ঐচ্ছিক। keypress ইভেন্ট ঘটলে যে ফাংশনটি রান হবে তা নির্দেশ করে। |
keypress() মেথড সংক্রান্ত উদাহরণ
<input> ফিল্ডটিতে কতবার কী চাপা হয়েছে তা গণনা:
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
i = 50;
$(document).ready(function(){
$("input").keypress(function(){
$("span").text(i += 1);
});
});
</script>
</head>
<body>
আপনার নাম লিখন: <input type="text">
<p>Keypresses: <span>50</span></p>
</body>
</html>
ফলাফল
নির্বাচিত এলিমেন্টের জন্য keypress ইভেন্ট ট্রিগার
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
i = 0;
$(document).ready(function(){
$("input").keypress(function(){
$("span").text(i += 1);
});
});
</script>
</head>
<body>
আপনার নাম লিখন: <input type="text">
<p>Keypresses: <span>0</span></p>
</body>
</html>
ফলাফল
keypress ইভেন্টে একটি ফাংশন যোগ:
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
i = 0;
$(document).ready(function(){
$("p").keypress(function(){
$("span").text(i += 1);
});
$("button").click(function(){
$("p").keypress();
});
});
</script>
</head>
<body>
<p>Keypresses: <span>0</span></p>
</body>
</html>
ফলাফল