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