HTML DOM Clipboard ইভেন্ট

HTML DOM Clipboard ইভেন্ট ক্লিপবোর্ডের পরিবর্তন সংক্রান্ত তথ্য প্রদান করতে ব্যবহৃত হয়। ইভেন্টগুলো হতে পারে cut, copy এবং paste। Clipboard ইভেন্ট আপনার সাইটকে আরও অ্যাক্সেসিবল করতে ব্যবহৃত হতে পারে অর্থাৎ ইউজারকে তথ্য দেওয়া যায় ক্লিপবোর্ড কীভাবে মডিফাই হচ্ছে।

প্রপার্টি

Clipboard ইভেন্টের প্রপার্টি নিচে দেওয়া হলো -

ইভেন্ট

Clipboard ইভেন্টের অন্তর্গত ইভেন্ট টাইপগুলো নিচে দেওয়া হলো -

সিনট্যাক্স

Clipboard ইভেন্টের সিনট্যাক্স নিচে দেওয়া হলো -

var clipboardEvent = new ClipboardEvent(type, [options]);

এখানে, type হতে পারে 'cut', 'copy' বা 'paste' এবং দ্বিতীয় প্যারামিটার অপশনাল। দ্বিতীয় প্যারামিটারে clipboardData, dataType এবং data থাকে।

উদাহরণ

Clipboard ইভেন্টের একটি oncopy উদাহরণ দেখি -

<!DOCTYPE html> <html> <body> <form> <label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text"> </label> </form> <p id="Sample"></p> <script> function CopyText() { document.getElementById("Sample").innerHTML = "The text has been copied by you!" } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে -

TEXTBOX-এ টেক্সট কপি করলে -

উপরের উদাহরণে -

আমরা একটি টেক্সট টাইপের <input> এলিমেন্ট তৈরি করেছি। এটিতে TEXTBOX লেবেল অ্যাসাইন করা রয়েছে এবং ইউজার সিলেক্ট করার জন্য আগে থেকে কিছু টেক্সট রয়েছে। ইউজার টেক্সট কপি করলে CopyText() মেথড এক্সিকিউট হয়।

<label> TEXTBOX <input type="text" oncopy="CopyText()" value="Copy this text">

CopyText() মেথড ডকুমেন্টের getElementById() মেথড ব্যবহার করে <p> এলিমেন্টটি পেয়ে প্যারাগ্রাফের ভিতরে "The text has been copied by you!" দেখায়।

function CopyText() { document.getElementById("Sample").innerHTML = "The text has been copied by you!" }