通知：博客已搬家到CSDN地址為：
https://blog.csdn.net/hdp134793
有關inputs輸入內容的事件監聽，一般我們會想到下面幾個關鍵詞：oninput,onpropertychange,onchange
oninput與onchange的一個區分
oninput:該事件在 <input> 或 <textarea> 元素的值發生改變時觸發(立即觸發);
onchange:該事件在在 <input> ，<textarea>， <keygen> 和 <select> 元素失去焦點時觸發；
如下測試實例：
onchange和onput都輸入結束后的效果：
當onchange和oninput都輸入結束后的點擊頁面失去焦點后的效果：
一般js中使用方式：object.oninput/onchange=function(){
//觸發實現的功能代碼
...........
};
onpropertychange：在觸發對象改變任何屬性時都會觸發；這個是IE專屬的，其他瀏覽器不兼容
不過我們可以這樣來使用兼容其他的瀏覽器
$('.proitem input').bind('input propertychange', function() {
$(this).css("box-shadow","none");
});
就是每次輸入內容都會觸發使得其中的陰影效果消失。