Events: change, input, cut, copy, paste - #177

Unlike keyboard events, it triggers on any value change, even those that does not involve keyboard actions: pasting with a mouse or using speech recognition to dictate the text.

কী-বোর্ড ইভেন্টের সাথে এটির পার্থক্য হল ইনপুটের ভ্যালু যেকোনভাবে পরিবর্তন হলে যেমন মাউসের মাধ্যমে ডাটা পেস্ট বা স্পিচ রিকনেশনের মাধ্যমে ইনপুট হলেই `input` ইভেন্টটি সংগঠিত হবে।

@yeasinjabed2 yeasinjabed2 Jun 27, 2022

Copy link

Copy Markdown

Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

কী-বোর্ড ইভেন্ট ছাড়াও যেকোন ভ্যালুর ক্ষেত্রে এটি ট্রিগার হয় , এমনকি যেসব অ্যাকশন কিবোর্ডের সাথে সম্পর্কিত না যেমন ঃ মাউসের মাধ্যমে পেস্ট করা অথবা স্পিচ রিকগনিশনের মাধ্যমে টাইপ করা ।

2-ui/4-forms-controls/3-events-change-input/article.md

```

If we want to handle every modification of an `<input>` then this event is the best choice.

যদি আমরা `<input>` এর প্রতিটি পরিবর্তনের সাথে সাথে কোন ইভেন্ট সংগঠিত করতে চায় তাহলে এটি এই ইভেন্টটি সবচেয়ে বেশি কাজের।

@yeasinjabed2 yeasinjabed2 Jun 27, 2022

Copy link

Copy Markdown

Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

আমরা যদি <input> এর প্রতিটি পরিবর্তন হ্যান্ডেল করতে চাই তাহলে এই ইভেন্ট সবচেয়ে বেশি কার্যকর ।

2-ui/4-forms-controls/3-events-change-input/article.md

```

Please note, that it's possible to copy/paste not just text, but everything. For instance, we can copy a file in the OS file manager, and paste it.

দয়া করে নোট করুন, কপি/পেস্ট শুধুমাত্র টেক্সটের জন্য না, আমরা যে কোন কিছু যেমন একটি অপারেটিং সিস্টেমও কপি/পেস্ট করতে পারি।

@yeasinjabed2 yeasinjabed2 Jun 27, 2022

Copy link

Copy Markdown

Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

টেকনিক্যালি , শুধুমাত্র টেক্সট না , সবকিছুই কপি/পেস্ট করা সম্ভব, উদাহরণস্বরূপ, আমরা ফাইল সিস্টেম থেকে একটি ফাইল কপি করে পেস্ট করতে পারি।

2-ui/4-forms-controls/3-events-change-input/article.md

এখানে ডাটা কপি/পেস্টের বিভিন্ন মেথড নিয়ে আলোচনা করা হল [in the specification](https://www.w3.org/TR/clipboard-apis/#dfn-datatransfer)।

But please note that clipboard is a "global" OS-level thing. Most browsers allow read/write access to the clipboard only in the scope of certain user actions for the safety, e.g. in `onclick` event handlers.

তবে মনে রাখা উচিত ক্লিপবোর্ড "global" OS-level এর ব্যাপার। বেশিরভাগ ব্রাউজার কিছু নির্দিষ্ট মাধ্যমে ক্লিপবোর্ড অ্যাক্সেস দেয়, যেমন `onclick` হ্যান্ডেলারে।

@yeasinjabed2 yeasinjabed2 Jun 27, 2022

Copy link

Copy Markdown

Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

কিন্তু মনে রাখবেন ক্লিপবোর্ড "global" OS লেভেলে কাজ করে । বেশিরভাগ ব্রাউজার নিরাপত্তার কারণে, ক্লিপবোর্ডে read/write অ্যাক্সেসের অনুমতি দেয় শুধুমাত্র নির্দিষ্ট অ্যাকশন ক্ষেত্রে , যেমন onclick ইভেন্ট হ্যান্ডেলার।

2-ui/4-forms-controls/3-events-change-input/article.md

| `cut/copy/paste` | Cut/copy/paste actions. | The action can be prevented. The `event.clipboardData` property gives read/write access to the clipboard. |

| `change`| কোন ভ্যালু পরিবর্তন হলে | টেক্সট ইনপুটের জন্য ফোকাস হারালে |

| `input` | টেক্সট ইনপুটের কোন ভ্যালু পরিবর্তন হওয়ার সাথে সাথে | ভ্যালু পরিবর্তনের সাথে সাথে |

| `cut/copy/paste` | Cut/copy/paste | অ্যাকশন সমূহকে বাধাপ্রাপ্ত করতে পারি। `event.clipboardData` প্রপার্টির সাহায্যে ক্লিপবোর্ডের ডাটা পড়তে ও লিখতে পারি |

@yeasinjabed2 yeasinjabed2 Jun 27, 2022

Copy link

Copy Markdown

Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

| cut/copy/paste | Cut/copy/paste অ্যাকশন | চাইলে অ্যাকশন কে প্রেভেন্ট করা যেতে পারে । event.clipboardData প্রপার্টি ক্লিপবোর্ডে read/write এক্সেস দিয়ে থাকে |