HTML onpaste অ্যাট্রিবিউটটি ট্রিগার হয় যখন ইউজার একটি HTML এলিমেন্টে কিছু কন্টেন্ট পেস্ট করে একটি HTML ডকুমেন্টে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<tagname onpast=”script”></tagname>
HTML onpaste ইভেন্ট অ্যাট্রিবিউটের একটি উদাহরণ দেখা যাক:
উদাহরণ
<!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; } p { border: 2px solid #fff; padding: 8px; text-align: justify; } textarea { border: 2px solid #fff; background: transparent; font-size: 1rem; } ::placeholder { color: #000; font-size: 1rem; } </style> </head> <body> <h1>HTML onpaste ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <p> আমি কিছু ডামি টেক্সট সহ একটি প্যারাগ্রাফ এলিমেন্ট। আমি কিছু ডামি টেক্সট সহ একটি প্যারাগ্রাফ এলিমেন্ট। আমি কিছু ডামি টেক্সট সহ একটি প্যারাগ্রাফ এলিমেন্ট। আমি কিছু ডামি টেক্সট সহ একটি প্যারাগ্রাফ এলিমেন্ট। আমি কিছু ডামি টেক্সট সহ একটি প্যারাগ্রাফ এলিমেন্ট। </p> <textarea placeholder="উপরোक्त টেক্সট এখানে পেস্ট করুন" onpaste="pasteFn()" rows='8' cols="50" required></textarea> <script> function pasteFn() { document.querySelector('textarea').style.background = '#fff'; } </script> </body> </html>আউটপুট
এখন প্যারাগ্রাফ টেক্সট কপি & পেস্ট করুন টেক্সট এরিয়ায় এবং onpaste ইভেন্ট অ্যাট্রিবিউট কীভাবে কাজ করে তা পর্যবেক্ষণ করুন -
