天天看點

如何通過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());

});