單擊事件觸發器，無需單擊按鈕

Question

嗨，我是JS新手，可以使用一些幫助。

所以我基本上是試圖在提交按鈕單擊事件inputFromText一些文本從文本區域發送到名為inputFromText的函數，但是以某種方式在單擊之前觸發了該函數（通過電子打開html窗口時），並且單擊按鈕。

如何防止這種情況發生？

<body>
  <form>
    <div class="form-group">
      <textarea class="form-control" rows="5" id="txa_trainingText"></textarea>
      <button type="submit" class="btn btn-default" id="btn_submit">Submit</button>
    </div>
  </form>
  <script>
    const trainingText = document.getElementById("txa_trainingText").value;
    document.getElementById("btn_submit").addEventListener("click", inputFromText(trainingText));
    function inputFromText(text) {
      ...
    } 
  </script>
</body>

我發現使用不帶文本參數的函數可以通過編寫以下代碼解決問題：

function inputFromText(e) {
  e.preventDefault();
  ...
}

Answer 1

我相信您需要將click事件處理程序包裝為一個函數，因此該行應顯示為：

document.getElementById("btn_submit").addEventListener("click", function() { inputFromText(trainingText)});

Answer 2

只需將按鈕type =“ submit”更改為按鈕type =“ button”

<button type="button" class="btn btn-default" id="btn_submit">Submit</button>

單擊事件觸發器，無需單擊按鈕

問題描述

2 個解決方案

解決方案1
0 已采納 2017-10-14 16:01:34

解決方案2
0 2017-10-14 16:11:06

單擊事件觸發器，無需單擊按鈕

問題描述

2 個解決方案

解決方案1 0 已采納 2017-10-14 16:01:34

解決方案2 0 2017-10-14 16:11:06

解決方案1
0 已采納 2017-10-14 16:01:34

解決方案2
0 2017-10-14 16:11:06