কম্পিউটার টিউটোরিয়াল

HTML onkeydown ইভেন্ট অ্যাট্রিবিউট


HTML onkeydown ইভেন্ট অ্যাট্রিবিউটটি ট্রিগার হয় যখন ইউজার কীবোর্ডে একটি কী প্রেস করছে থাকে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

<tagname onkeydown=”script”>Content</tagname>

HTML onkeydown ইভেন্ট অ্যাট্রিবিউটের একটি উদাহরণ দেখা যাক:

উদাহরণ

<!DOCTYPE html> <html> <head> <style>    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;       padding: 20px;    }    .show {       font-size: 1.2rem;    } </style> </head> <body> <h1>HTML onkeydown ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <textarea class="" placeholder="এখানে আপনার মেসেজ লিখুন" rows="5" cols="40" onkeydown="keyFn()"></textarea> <div class="show"></div> <script>    function keyFn() {       document.querySelector(".show").innerHTML = 'আপনি লিখেছেন: ' + document.querySelector("textarea").value;    } </script> </body> </html>

আউটপুট

HTML onkeydown ইভেন্ট অ্যাট্রিবিউট

সাদা টেক্সট এরিয়ায় আপনার মেসেজ লিখুন onkeydown ইভেন্ট অ্যাট্রিবিউট কীভাবে কাজ করে তা পর্যবেক্ষণ করার জন্য।

HTML onkeydown ইভেন্ট অ্যাট্রিবিউট


  1. HTML ondragleave ইভেন্ট অ্যাট্রিবিউট

  2. HTML ondragenter ইভেন্ট অ্যাট্রিবিউট

  3. HTML ondragend ইভেন্ট অ্যাট্রিবিউট

  4. HTML onpageshow ইভেন্ট অ্যাট্রিবিউট