शुद्ध जावास्क्रिप्ट इनपुट मान परिवर्तन को सुनें

Question 1

क्या कोई ऐसा तरीका है जिससे मैं एक निरंतर फ़ंक्शन बना सकता हूं जो किसी इनपुट को सुनता है, इसलिए जब उस इनपुट मान में परिवर्तन होता है, तो कुछ तुरंत ट्रिगर हो जाता है?

मैं शुद्ध जावास्क्रिप्ट, कोई प्लगइन्स, कोई फ्रेमवर्क का उपयोग करके कुछ ढूंढ रहा हूं और मैं HTML को संपादित नहीं कर सकता।

कुछ, उदाहरण के लिए:

जब मैं इनपुट में मूल्य बदलता हूं MyObject, तो यह फ़ंक्शन चलता है।

कोई मदद?

Question 2

यह घटनाओं के लिए है।

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

Question 3

मूल उदाहरण के रूप में ...

HTML:

<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();
});

लेकिन , यदि आप जेएस के माध्यम से इनपुट वैल्यू मैनुअल को बदलते समय घटना को फायर करना चाहते हैं तो आपको कस्टम इवेंट (किसी भी नाम, जैसे 'myEvent' \ 'ev' आदि) का उपयोग करना चाहिए। यदि आपको फॉर्म 'चेंज' या 'इनपुट' ईवेंट सुनने की जरूरत है और आप जेएस के माध्यम से इनपुट मूल्य बदलते हैं - आप अपने कस्टम इवेंट का नाम बदल सकते हैं '\' इनपुट 'और यह भी काम करेगा।

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/Creating_and_triggering_events

Question 6

अपने तत्व की पहचान करने और नीचे दिए गए कोड को लिखने के लिए आईडी उपयोग शीर्षक के बजाय।

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

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