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

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


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

সিনট্যাক্স

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

<tagname oncontextmenu=”script”></tagname>

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style>    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .box {       background: #db133a;       width: 140px;       height: 140px;       margin: 1rem auto;       color: #fff;    } </style> </head> <body> <h1>HTML oncontextmenu ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <p oncontextmenu="get()" class="box"></p> <p>এখন উপরের লাল বক্সে রাইট ক্লিক করে কনটেক্সট মেনু খোলার চেষ্টা করুন।</p> <script>    function get() {       document.body.style.background = "#084C61";       document.body.style.color = '#fff'; } </script> </body> </html>

আউটপুট

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

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

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


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

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

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

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