【web前端】input使用小结

1. input文本改变事件

（1）改变完后触发：

       只有在文本做了改变，且失去焦点时触发

    $("#test").change(function(){

        //fire your ajax call

        alert("Change!")

   });

（2）改变时触发：

       input事件：on和bind的绑定方式暂时没发现有什么区别

         1）on绑定

$("#test").on('input',function(e){ 

       alert("input!") 

    });  

       2）bind绑定

$("#test").bind("input",function(){

      alert("bind")

    })

       3）addEventListener

varbtn1Obj = document.getElementById("test");

btn1Obj.addEventListener("input",te,false);

functionte(){

     alert("addEventListener")

}

2. 选择input对象

    var obj1 =$("input[name='category']")[0];

    alert(obj1.value)

   $("input[name='category']").bind("change",function(){

       alert("ok")

    })

    var obj =$("#category").find("input").eq(1);

   obj.change(function(){alert(4)});

3. 如何利用jquery来给input添加或删除disabled属性方法总结

        以下二种方法是可以为input添加disabled属性的方法：

//两种方法设置disabled属性

$('#areaSelect').attr("disabled",true);

$('#areaSelect').attr("disabled","disabled");

       以下三种方法是移除（去除）掉input的disabled属性的方法：

//三种方法移除disabled属性

$('#areaSelect').attr("disabled",false);

$('#areaSelect').removeAttr("disabled");

$('#areaSelect').attr("disabled","");