javascript監聽值變化

最近面了有道前端實習，人品爆發一面過了。但是在一面中面試官問了一個問題”MVC用javascript如何實現？如果實現雙向綁定？值變化監聽？“

當時我回答”js好像沒函數進行值變化監聽“ 后來想想很不對勁！明顯是可以的啊！恨不得把自己摔死啊！！！！！

這樣的，有兩種方法

1. onchange事件

該事件觸發條件：1）屬性值改變   2）失去焦點   必須要兩條同時滿足才能觸發這個事件！

 

2. oninput（onpropertychange） 事件

該事件只要是指變化就能實時檢測到。其中onpropertychange是IE下的，oninput是HTML5標准下的。

 

如果使用jquery庫的話，綁定方式如下

$('textarea').bind('input propertychange', function() {
    $('.msg').html($(this).val().length + ' characters');
});