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

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


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

সিনট্যাক্স

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

<tagname oncut=”script”></tagname>

উদাহরণ

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

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style>    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    p {       font-size: 1.1rem;    } </style> </head> <body> <h1>HTML oncut ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <p oncut="get()">আমি কিছু ডামি টেক্সট সহ একটি প্যারাগ্রাফ HTML এলিমেন্ট।</p> <p style="color:#db133a;">এখন উপরের প্যারাগ্রাফ টেক্সট কাট করার চেষ্টা করুন।</p> <div class="show"></div> <script>    function get() {       document.body.style.background = "lightblue";    } </script> </body> </html>

আউটপুট

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

এখন প্যারাগ্রাফ এলিমেন্টের কন্টেন্ট কাট করার চেষ্টা করুন oncut ইভেন্ট অ্যাট্রিবিউট কীভাবে কাজ করে তা পর্যবেক্ষণ করার জন্য।

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


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

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

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

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