监听input，IE8中进入输入状态浏览器直接崩溃

Question

$('input').not('input.ipt.form-control.gotoPageNo').bind('input propertychange change', function() {

    var inputVal = $(this).val();

          $input = $(this);

    if (inputVal == "") {

        $input.addClass('transparentImg').removeClass('grayImg');

    } else {

        $input.addClass('grayImg').removeClass('transparentImg');

    }

});

这个在火狐与谷歌等现代浏览器中没有任何问题，但是在IE8中会直接导致浏览器崩溃。

Answer 1

addClass 和 removeClass 也会触发 propertychange，这样造成死循环了，你可以判断一下，改变值才处理$('input').not('input.ipt.form-control.gotoPageNo').bind('input propertychange change', function(e) {  if (e.propertyName !== "value") { return; }  // ...