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());
});