onchange ইভেন্ট
পরিভাষা এবং ব্যবহার
যখন এলিমেন্টের মান পরিবর্তিত হয়, onchange ইভেন্ট ঘটে।
একটি সিনেচবক্স এবং চেকবক্সের ক্ষেত্রে, যখন নির্বাচনী অবস্থা পরিবর্তিত হয়, onchange ইভেন্ট ঘটে।
সুঝান: }}এই ইভেন্ট এর অনুরূপ oninput ইভেন্ট。ভিন্নতাটি হল যে, oninput ইভেন্ট ইলেকট্রনের মান পরিবর্তনের পর তাৎক্ষণিকভাবে ঘটে, আর onchange ইলেকট্রন লক্ষ্য হারানোর পর এবং অনুপাত পরিবর্তন হওয়ার পর ঘটে। আরেকটি ভিন্নতা হল, onchange ইভেন্ট <select> ইলেকট্রনও প্রযোজ্য
প্রতিদর্শন
উদাহরণ 1
যখন ব্যবহারকারী <select> ইলেকট্রনের চিহ্নিত বাক্যাংশটি পরিবর্তন করে:
<select onchange="myFunction()">
উদাহরণ 2
যখন ব্যবহারকারী ইনপুট ফিল্ডের অনুপাত পরিবর্তন করে:
<input type="text" onchange="myFunction()">
সংজ্ঞা
HTML-তে:
<element onchange="myScript">
জেভাস্ক্রিপ্টে:
object.onchange = function(){myScript};
জেভাস্ক্রিপ্টে, addEventListener() পদ্ধতি ব্যবহার করে:
object.addEventListener("change", myScript);
মন্তব্য:ইন্টারনেট এক্সপ্লোরার 8 বা আরও পুরানো সংস্করণগুলি সমর্থিত নয় addEventListener() পদ্ধতি。
প্রযুক্তিগত বিবরণ
| বালুকা: | সমর্থন |
|---|---|
| বাতিল করা যেতে পারে: | সমর্থিত নয় |
| ইভেন্ট টাইপ: | Event |
| সমর্থিত HTML ট্যাগস: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> এবং <textarea> |
| DOM সংস্করণ: | লেভেল ২ ইভেন্ট |
ব্রাউজার সমর্থন
| ইভেন্ট | চ্রোম | আইই | ফায়ারফক্স | স্যাফারি | অপেরা |
|---|---|---|---|---|---|
| onchange | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
