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

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


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

সিনট্যাক্স

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

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

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

উদাহরণ

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

আউটপুট

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

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

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


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

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

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

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