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

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


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

সিনট্যাক্স

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

<tagname oncopy=”script”></tagname>

উদাহরণ

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

<!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 oncopy ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <p oncopy="get()">আমি কিছু ডামি টেক্সট সহ একটি প্যারাগ্রাফ HTML এলিমেন্ট।</p> <p style="color:#db133a;">এখন উপরের প্যারাগ্রাফ টেক্সট কপি করার চেষ্টা করুন।</p> <div class="show"></div> <script>    function get() {       document.body.style.background = "lightblue";    } </script> </body> </html>

আউটপুট

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

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

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


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

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

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

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