隱藏輸入更改時觸發 onchange 事件

Question

我有各種要設置臟標志的輸入。

但是，如果這些輸入被 javascript 修改，則不會觸發 onchange 事件。
許多輸入是由許多其他人編寫的自定義數據輸入模塊，並具有隱藏輸入和 javascript UI 層來修改隱藏輸入。

我想檢測這些隱藏輸入何時發生變化。 （不修改原作者的劇本）
正常輸入在“模糊”之前不會觸發“onchange”事件，但我可以通過 onkeyup 事件來解決這個問題。

Answer 1

我知道這是一個老問題，但我有同樣的問題，我在這里找到了答案： What event can be capture when an HTML hidden input value is set / changed

Answer 2

編輯： “查看‘ domattrmodified ’事件。

只是一個想法，因為您不想修改原始作者的腳本。

你能監控那些領域嗎？

/*
Very simple monitor utility.

Monitor what?
This monitors any dom element which has a "value" attribute.

This was created to monitor hidden fields that were altered via javascript.

Fields that had values changed via javascript did not trigger the "change" event.
This is a solution to that problem.


Usage:

Monitor.monitor('element_id',(function) callback);

Monitor.demonitor('element_id');


*/


var Monitor = (function(){
    var inputs = [];
    return {
        monitor:function(input_id,callback){
            var previous_value = "";
            function go (){
                current_value = document.getElementById(input_id).value;
                if(previous_value !== current_value){
                    callback();
                }
                previous_value = document.getElementById(input_id).value;
            }
            inputs[input_id] = setInterval(go,200);
        },

        demonitor:function(input_id){
            clearInterval(inputs[input_id]);
        }


    }
})();