天天看点

如何通过js获取html文本框中的值,js实现动态自动获取input文本框中的值

js怎样实现输入字符时,动态输入框input中实时变化的值的方法.

首先我们需要用到js中的jquery插件,在使用jq时需要先引用jquery文件。

需要使用到js中的oninput事件与onpropertychange事件。

oninput事件表示为在用户输入时

onpropertychange事件表示为属性改变时,然后使用bind绑定元素.

代码如下

$('#aaa').bind('input propertychange', function()

{

alert("!!!");

});

当我们在id名称名称名称ming'输入字符时,浏览器中浏览器中改变的浏览器,但如果如果表单中存在页面加载后新增的input元素,上面的方法则不能使用.

$('#aaa :input').live('input propertychange', function()

{

alert("!!!");

});

则可以实现动态获取id为aaa的div中所有input元素的输入变化情况

除了使用以上常用的方式来实现还可以使用 keydown事件、keyup事件、keypress事件或change事件.

$('#ccc').on('keydown', function() {

alert($('#ccc').val());

});