I've have a html input field like:
<input type="text" name="fieldName" onChange="alert(1)" />
onChange event does not trigger on DOM change. Is there any way to detect all changes inline as like onChange mentioned above?
Asked
Active
Viewed 1,401 times
1
-
Try `onInput`, though to be honest, you should avoid using event attributes altogether. – Sampson Dec 06 '15 at 04:21
-
Can you please be more specific about what and on which element do you want to detect the DOM change? – Raman Dec 06 '15 at 04:23
-
1Are you expecting the onChange to be triggered on any change to the DOM? – j08691 Dec 06 '15 at 04:23
-
I think this could be helpful: http://stackoverflow.com/questions/3219758/detect-changes-in-the-dom I don't post answer because I don't want down votes. – andreshg112 Dec 06 '15 at 04:39
-
I think there are some more events to listen changes . 1. 2. 3. – Parth Patel Dec 06 '15 at 04:40
-
I think what you are trying to do is either a) bad practice or b) possible, but in a way that you don't want to do it. – Jared Beach Dec 07 '15 at 23:25
1 Answers
1
With textbox you should use either onkeypress or onkeyup or onkeydown instead of onchange because onchange is triggered only when the textbox is blurred.
<input type="text" name="fieldname" onkeydown="callme(this);" /> <br />
function callme(obj) {
alert(obj.name);
}
-
Actually, I don't like to touch the field as I'm not inserting the value manually. – Rejaul Dec 06 '15 at 05:26
-
@Rejaul what you mean by you cannot touch.You should use the events as I said.onchange will not work here would that be select box it would work. – Dec 06 '15 at 05:30
-
Sorry. I don't like to select the field manually. Value of this field will be given from javascript. – Rejaul Dec 06 '15 at 05:44