搜 索

js实现动态自动获取input文本框中的值

编辑:QTOOL.NET日期:2019-10-12393

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

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

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

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

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

代码如下

<input type="text" value="" id="aaa" />

<script type="text/javascript">

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

{

   alert("!!!");

});

</script

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

<script type="text/javascript">

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

{

 alert("!!!");

});

</script>

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

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


<input type="text" id="ccc" value="" />

<script type="text/javascript">

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

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

});

</script>

TAG标签:js表单
此文章由QTOOL.NET编辑
最新文章

热门标签