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

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


HTML onkeyup ইভেন্ট অ্যাট্রিবিউটটি ট্রিগার হয় যখন ইউজার কীবোর্ডে একটি কী রিলিজ করে।

সিনট্যাক্স

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

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

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

উদাহরণ

<!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 onkeyup ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <textarea class="" placeholder="এখানে আপনার মেসেজ লিখুন" rows="5" cols="40" onkeyup="keyFn()"></textarea> <div class="show"></div> <script>    function keyFn() {       document.querySelector(".show").innerHTML = 'আপনি লিখেছেন: ' + document.querySelector("textarea").value;    } </script> </body> </html>

আউটপুট

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

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

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


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

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

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

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