Question

我正试图在没有进行任何服务器调用的情况下从textarea中获取单词换行符。 This answer让我90％的路程。问题是，每次单击提交按钮时，页面都会在iframe内重新加载。这是代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

<body>
  <script type="text/javascript">
    function getURLParameter(qs, name) {
      var pattern = "[\\?&]" + name + "=([^&#]*)";
      var regex = new RegExp(pattern);
      var res = regex.exec(qs);
      if (res == null)
        return "";
      else
        return res[1];
    }

    function getHardWrappedText() {
      var frm_url = document.getElementById('frame').contentDocument.URL;
      var text = unescape(getURLParameter(document.getElementById('frame').contentDocument.URL, 'text')).replace(/\+/g, ' ');
      return text;
    }

    function onIFrameLoad() {
      var text = getHardWrappedText();
      console.log(text);
    }

    window.onload = function() {
      console.log("loading")
    };
  </script>
  <form name="form" method="get" target="frame">
    <textarea id="text" name="text" cols=5 wrap="hard">a b c d e f</textarea>
    <input type="submit">
  </form>
  <iframe id="frame" name="frame" onload="onIFrameLoad()" style="display:none;"></iframe>
</body>

</html>

单击提交按钮会显示输出：

loading
a b c d e 
f

有没有办法阻止iframe重新加载页面？

Answer 1

您必须将false返回给表单的onsubmit事件。

<form name="form" method="get" target="frame" onsubmit="onIFrameLoad">

如果它基于某些你不想加载的条件

function onIFrameLoad() {
    var text = getHardWrappedText();
    console.log(text);
    if(text.indexOf('\n')<0) return false;
}

我只是在text.indexOf('\n')<0放一个随机的东西，你可以有任何有意义的东西或总是返回假（看起来不太可能）

html - 从textarea获取包装文本

1 个答案: