জেকুয়েরি event.which প্রোপার্টি
সংজ্ঞা এবং ব্যবহার
ইভেন্টের জন্য কোন কী-বোর্ড কী চাপ দেওয়া হয়েছে event.which প্রোপার্টি তা রিটার্ন করে।
সিনট্যাক্স ও ব্যাখ্যা
event.which
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে event.which প্রোপার্টিতে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| event | আবশ্যক। ইভেন্ট বাইন্ডিং ফাংশন থেকে event প্যারামিটারটি এসেছে। |
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>
ফলাফল
মাউসের কোন বাটন চাপ দেওয়া হয়েছে তা রিটার্ন
ইভেন্টের জন্য মাউসের কোন বাটন চাপ দেওয়া হয়েছে তা দেখায়।
উদাহরণঃ
<!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(){
$("div").mousedown(function(event){
$("div").append("<br>মাউস বাটন চাপ দেওয়া থেকে ছেড়ে দেওয়া হয়েছে: " + event.which);
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:400px;height:400px;">এই div এলিমেন্টের মধ্যে যেকোন একটি মাউস বাটন প্রেস করুন।</div>
</body>
</body>
</html>
ফলাফল