input值变化监听事件

Posted geek-wk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input值变化监听事件相关的知识,希望对你有一定的参考价值。

 

一.input monitor function

1. onchange()

 

onchange 事件会在域的内容改变时触发.支持的标签<input type="text">, <textarea>, <select>,<keygen>.

注意:在元素的值改变了且失去焦点时触发(两次的值一样不会触发).

缺陷:通过js代码改变DOM的值不会触发,解决在js代码里改值了调用其change 的function() 或者调.change()方法。

JS code: 

<input type="text" id="cc" onchange="function()">

JQuery code:

//use input id
$("#cc").change(function());
//
$(input[id='cc']).change(function());

 

2.JQuery code:

$(“#itemcode”).bind(“input propertychange”, function()

);

注意:该事件是在值变化时触发.

二.set data

Jquery code:

//clear data

$("input[id='auditorName']").val("");

 

 

 

 

 

 

以上是关于input值变化监听事件的主要内容,如果未能解决你的问题,请参考以下文章

input 即时搜索 监听输入值的变化

监听input变化的事件

实时监听input输入框value的变化:

实时监听输入框值变化:oninput & onpropertychange

onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)

如何实时监听 input 和 textarea输入框值的变化