খাঁটি জাভাস্ক্রিপ্ট শুনুন ইনপুট মান পরিবর্তন

Question 1

আমি কোনও ধরণের ক্রমাগত ফাংশন তৈরি করতে পারি যা কোনও ইনপুট শোনায়, তাই যখন ইনপুটটির মান পরিবর্তন হয়, ততক্ষণে কিছু ট্রিগার হয়ে যায়?

আমি খাঁটি জাভাস্ক্রিপ্ট, কোনও প্লাগইন, কোনও ফ্রেমওয়ার্ক ব্যবহার করে কিছু খুঁজছি এবং আমি এইচটিএমএল সম্পাদনা করতে পারছি না।

কিছু, উদাহরণস্বরূপ:

আমি যখন ইনপুটটিতে মানটি পরিবর্তন করি তখন MyObjectএই ফাংশনটি চলে।

কোন সাহায্য?

Question 2

এটিই ইভেন্টগুলির জন্য।

HTMLInputElementObject.addEventListener('input', function (evt) {
    something(this.value);
});

Question 3

একটি প্রাথমিক উদাহরণ হিসাবে ...

এইচটিএমএল:

<input type="text" name="Thing" value="" />

লিপি:

/* event listener */
document.getElementsByName("Thing")[0].addEventListener('change', doThing);

/* function */
function doThing(){
   alert('Horray! Someone wrote "' + this.value + '"!');
}

এখানে একটি বেহালতা রয়েছে: http://jsfiddle.net/Niffler/514gg4tk/

Question 4

আসলে, টিকযুক্ত উত্তরটি ঠিক সঠিক, তবে উত্তরটি ES6আকারে হতে পারে :

HTMLInputElementObject.oninput = () => {
  console.log('run'); // Do something
}

বা নীচের মতো লেখা যেতে পারে:

HTMLInputElementObject.addEventListener('input', (evt) => {
  console.log('run'); // Do something
});

Question 5

ডিফল্ট ব্যবহার

el.addEventListener('input', function () {
    fn();
});

তবে , আপনি যখন জেএস-এর মাধ্যমে ইনপুট মান ম্যানুয়ালি পরিবর্তন করার সময় ইভেন্টটি চালিয়ে যেতে চান আপনি কাস্টম ইভেন্ট (কোনও নাম যেমন 'মাইভেন্ট' ev 'অ্যাভ' ইত্যাদি ইত্যাদি) ব্যবহার করা উচিত যদি আপনার ফর্মগুলি 'পরিবর্তন' বা 'ইনপুট' ইভেন্ট শুনতে হয় তবে এবং আপনি জেএস এর মাধ্যমে ইনপুট মান পরিবর্তন করেন - আপনি আপনার কাস্টম ইভেন্টটির নাম 'পরিবর্তন' input 'ইনপুট' রাখতে পারেন এবং এটি খুব কার্যকর হবে।

var event = new Event('input');
el.addEventListener('input', function () { 
  fn();
});
form.addEventListener('input', function () { 
  anotherFn();
});


el.value = 'something';
el.dispatchEvent(input);

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Crying_and_triggering_events

Question 6

আইডি পরিবর্তে আপনার উপাদান সনাক্ত করতে শিরোনাম ব্যবহার করুন এবং নীচের মত কোড লিখুন।

$(document).ready(()=>{

 $("input[title='MyObject']").change(()=>{
        console.log("Field has been changed...")
    })  
});