Question

我有一个文本预览功能，可以显示用户在输入时使用样式化CSS输入的标题。当用户保存页面时，关闭应用程序，然后尝试编辑文本，他们保存的文本不会在页面加载时显示。

仅当用户按下某个键时，其保存的文本才会显示在屏幕上。

默认文字：您的标题

用户保存：我的水培农场。

10分钟后，用户重新加载页面，看到：

默认文字：您的标题在这里。

按一个键，看到他保存的文字：

我的水培农场

在按下某个键之前，JS不会触发。它应该在页面加载时触发。

  $(function() {
$(".pf_text_in").keyup(function() {
    var pf_text_in = $(this).val();
    $(".text_preview").html(pf_text_in);
    return false;
});
});

    $(function() {
$(".pf_text_in2").keyup(function() {
    var pf_text_in = $(this).val();
    $(".text_preview2").html(pf_text_in);
    return false;
});
});

*

pic预览有同样的问题。页面重新加载时不显示已保存的图片。仅显示默认占位符jpgs。

 $(".imgInp").change(function() {
  readURL(this);
});

function readURL(input) {
  var $formPic = $(input).siblings('img');
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function(e) {
      $formPic.attr('src', e.target.result);
    };
    reader.readAsDataURL(input.files[0]);
  }
}

有没有办法让两个函数在页面加载时触发？

Answer 1

添加以下内容：

$(function() {
    // Trigger events on load
    $(".pf_text_in").keyup();
    $(".pf_text_in2").keyup();
    $(".imgInp").change();
});

在页面加载时触发Javascript文本和Pic预览

1 个答案: