Javascript thuần túy lắng nghe sự thay đổi giá trị đầu vào

Có cách nào để tôi có thể tạo một hàm hằng lắng nghe đầu vào, để khi giá trị đầu vào đó thay đổi, điều gì đó sẽ được kích hoạt ngay lập tức không?

Tôi đang tìm kiếm thứ gì đó sử dụng javascript thuần túy, không có plugin, không có khuôn khổ và tôi không thể chỉnh sửa HTML.

Một cái gì đó, ví dụ:

Khi tôi thay đổi giá trị trong đầu vào MyObject, chức năng này sẽ chạy.

Bất kỳ giúp đỡ?

Đây là những gì các sự kiện dành cho.

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

Như một ví dụ cơ bản ...

HTML:

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

Kịch bản:

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

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

Đây là một trò chơi: http://jsfiddle.net/Niffler/514gg4tk/

Trên thực tế, câu trả lời được đánh dấu là chính xác, nhưng câu trả lời có thể ở ES6dạng:

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

Hoặc có thể viết như dưới đây:

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

Sử dụng mặc định

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

Tuy nhiên , nếu bạn muốn kích hoạt sự kiện khi bạn thay đổi giá trị đầu vào theo cách thủ công qua JS, bạn nên sử dụng sự kiện tùy chỉnh (bất kỳ tên nào, như 'myEvent' \ 'ev', v.v.) NẾU bạn cần nghe biểu mẫu 'thay đổi' hoặc sự kiện 'đầu vào' và bạn thay đổi giá trị đầu vào thông qua JS - bạn có thể đặt tên cho sự kiện tùy chỉnh của mình là 'change' \ 'input' và nó cũng sẽ hoạt động.

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

thay vì id sử dụng tiêu đề để xác định phần tử của bạn và viết mã như bên dưới.

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

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