javascript - jquery如何实现表单输入内容实时预览

Question

如题，像 segmentfault 的这种，不过我不需要用到语法格式转换。
主要是用来编辑html文件的，希望能实时预览内容

Answer 1

可以使用keyup事件
http://api.jquery.com/keyup/

Answer 2

用keyup来监听输入框变化，兼容问题很麻烦。

特别是一某些系统下的输入法很可能不会触发keyup。比如保险的做法是做个定时器来监听输入框内的变化，并进行相应的处理。

比如segmentfault下的preview，从代码上来看应该是利用一个setInterval来进行监听的。

Answer 3

推荐使用setTimeout定时刷新预览

!function(){
  var check = function(){
    if( editor.isChanged ){
      refreshPreview();
    }
    setTimeout( check, 500 );
  };
  check();
}()