Events: change, input, cut, copy, paste #177
Conversation
|
|
||
| Let's cover various events that accompany data updates. | ||
| চলুন ইনপুট এবং কন্ট্রোলের সাথে সম্পর্কিত ইভেন্টসমূহ জানি। |
There was a problem hiding this comment.
চলুন বিভিন্ন ইভেন্ট সম্পর্কে জানি যা ডেটা আপডেটের সাথে সম্পর্কিত ।
|
|
||
| ## Event: change | ||
|
|
||
| The `change` event triggers when the element has finished changing. | ||
| যখন কোন এলিমেন্টের ইনপুট ভ্যালু পরিবর্তন হয় তখন `change` ইভেন্ট সংগঠিত হয়। |
There was a problem hiding this comment.
যখন কোন এলিমেন্টের পরিবর্তন শেষ হয় তখন change ইভেন্ট সংগঠিত হয়।
|
|
||
| The `input` event triggers every time after a value is modified by the user. | ||
| এলিমেন্টের ইনপুট ভ্যালু পরিবর্তন হলে `input` ইভেন্ট সংগঠিত হয়। |
There was a problem hiding this comment.
যতবার ভ্যালু পরিবর্তিত হয় ততবার input ইভেন্ট ট্রিগার হয় ।
|
|
||
| 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` ইভেন্টটি সংগঠিত হবে। |
There was a problem hiding this comment.
কী-বোর্ড ইভেন্ট ছাড়াও যেকোন ভ্যালুর ক্ষেত্রে এটি ট্রিগার হয় , এমনকি যেসব অ্যাকশন কিবোর্ডের সাথে সম্পর্কিত না যেমন ঃ মাউসের মাধ্যমে পেস্ট করা অথবা স্পিচ রিকগনিশনের মাধ্যমে টাইপ করা ।
| @@ -44,25 +44,25 @@ For instance: | |||
| </script> | |||
| ``` | |||
|
|
|||
| If we want to handle every modification of an `<input>` then this event is the best choice. | |||
| যদি আমরা `<input>` এর প্রতিটি পরিবর্তনের সাথে সাথে কোন ইভেন্ট সংগঠিত করতে চায় তাহলে এটি এই ইভেন্টটি সবচেয়ে বেশি কাজের। | |||
There was a problem hiding this comment.
আমরা যদি <input> এর প্রতিটি পরিবর্তন হ্যান্ডেল করতে চাই তাহলে এই ইভেন্ট সবচেয়ে বেশি কার্যকর ।
| @@ -74,20 +74,20 @@ For instance, the code below prevents all such events and shows what we are tryi | |||
| </script> | |||
| ``` | |||
|
|
|||
| 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. | |||
| দয়া করে নোট করুন, কপি/পেস্ট শুধুমাত্র টেক্সটের জন্য না, আমরা যে কোন কিছু যেমন একটি অপারেটিং সিস্টেমও কপি/পেস্ট করতে পারি। | |||
There was a problem hiding this comment.
টেকনিক্যালি , শুধুমাত্র টেক্সট না , সবকিছুই কপি/পেস্ট করা সম্ভব, উদাহরণস্বরূপ, আমরা ফাইল সিস্টেম থেকে একটি ফাইল কপি করে পেস্ট করতে পারি।
|
|
||
| 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` হ্যান্ডেলারে। |
There was a problem hiding this comment.
কিন্তু মনে রাখবেন ক্লিপবোর্ড "global" OS লেভেলে কাজ করে । বেশিরভাগ ব্রাউজার নিরাপত্তার কারণে, ক্লিপবোর্ডে read/write অ্যাক্সেসের অনুমতি দেয় শুধুমাত্র নির্দিষ্ট অ্যাকশন ক্ষেত্রে , যেমন onclick ইভেন্ট হ্যান্ডেলার।
| | `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` প্রপার্টির সাহায্যে ক্লিপবোর্ডের ডাটা পড়তে ও লিখতে পারি | |
There was a problem hiding this comment.
| cut/copy/paste | Cut/copy/paste অ্যাকশন | চাইলে অ্যাকশন কে প্রেভেন্ট করা যেতে পারে । event.clipboardData প্রপার্টি ক্লিপবোর্ডে read/write এক্সেস দিয়ে থাকে |
|
Please make the requested changes. After it, add a comment "/done". |
No description provided.