首页 > jquery如何实现表单输入内容实时预览

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

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


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

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

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


推荐使用setTimeout定时刷新预览

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

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

【热门文章】
【热门文章】