HTML DOM ক্লিপবোর্ড ইভেন্ট

HTML DOM ক্লিপবোর্ড ইভেন্টটি ক্লিপবোর্ডের পরিবর্তন সংক্রান্ত তথ্য প্রদান করতে ব্যবহৃত হয়। ঘটনা কাটা, কপি এবং পেস্ট করা যাবে. ক্লিপবোর্ড ইভেন্টটি আপনার সাইটটিকে আরও অ্যাক্সেসযোগ্য করার জন্য ব্যবহার করা যেতে পারে যেমন ক্লিপবোর্ডটি কীভাবে সংশোধন করা হচ্ছে সে সম্পর্কে ব্যবহারকারীর তথ্য দেওয়া৷

সম্পত্তি

ক্লিপবোর্ড ইভেন্ট -

-এর জন্য নিম্নোক্ত সম্পত্তি

সম্পত্তি	বিবরণ
clipboardData	ক্লিপবোর্ড অপারেশন (কাট, কপি বা পেস্ট) দ্বারা প্রভাবিত ডেটা ধারণকারী বস্তু ফেরত দিতে।

ইভেন্টগুলি

ক্লিপবোর্ড ইভেন্ট-

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

ইভেন্ট	বিবরণ
অনকপি	যখন কোনো উপাদানের বিষয়বস্তু ব্যবহারকারী দ্বারা অনুলিপি করা হয় তখন এই ইভেন্টটি চালু হয়।
অনকাট	যখন ব্যবহারকারী একটি উপাদানের বিষয়বস্তু কাটে তখন এই ইভেন্টটি চালু হয়
অনপেস্ট করুন	যখন ব্যবহারকারী কোনো উপাদানে কিছু বিষয়বস্তু পেস্ট করে তখন এই ইভেন্টটি চালু হয়

সিনট্যাক্স

ক্লিপবোর্ড ইভেন্ট -

-এর জন্য সিনট্যাক্স নিচে দেওয়া হল

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

এখানে, টাইপ করা যেতে পারে 'কাট', 'কপি' বা 'পেস্ট' এবং দ্বিতীয় প্যারামিটারটি ঐচ্ছিক। দ্বিতীয় প্যারামিটারে ক্লিপবোর্ড ডেটা, ডেটা টাইপ এবং ডেটা রয়েছে৷

৷

উদাহরণ

আসুন ক্লিপবোর্ড ইভেন্ট অনকপি −

এর একটি উদাহরণ দেখি

<!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>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ক্লিপবোর্ড ইভেন্ট

টেক্সটবক্স-

-এর ভিতরে টেক্সট কপি করার সময়

HTML DOM ক্লিপবোর্ড ইভেন্ট

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

আমরা টাইপ টেক্সট সহ একটি উপাদান তৈরি করেছি। এটিতে একটি লেবেল TEXTBOX বরাদ্দ করা হয়েছে এবং ব্যবহারকারীর নির্বাচন করার জন্য ইতিমধ্যেই এর ভিতরে কিছু পাঠ্য রয়েছে৷ ব্যবহারকারীর দ্বারা পাঠ্য অনুলিপি করার সময় CopyText() পদ্ধতিটি কার্যকর করা হয়।

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

CopyText() পদ্ধতিটি নথিতে getElementById() পদ্ধতি ব্যবহার করে

উপাদান পায় এবং অনুচ্ছেদের ভিতরে "পাঠ্যটি আপনার দ্বারা অনুলিপি করা হয়েছে!" প্রদর্শন করে৷

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