Javascript – Does HTML Hidden control have any events? Like onchange or something


Can I attach any event handlers to HTML hidden input fields? Basically I want to run a function when a hidden input field value changes.

Best Solution

Events are only triggered when the user performs the event in the browser, so if it's <input type="hidden"> or an <input> hidden by CSS, the user won't be able to trigger events to your input.

The only way you would get onchange to work is if you manually trigger onchange in Javascript. A quick example of this:

<form name="f" onsubmit="document.f.h.value='1'; 
                         return false;"
    <input type="hidden" name="h" value="0" onchange="alert(document.f.h.value);" />
    <input type="submit" />