单击事件触发而无需单击按钮

宇航员

嗨,我是 JS 新手,可以使用一些帮助。

所以我基本上是在尝试将一些文本从 textarea 发送到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>

我发现当使用没有 text 参数的函数时,可以通过编写来解决问题:

function inputFromText(e) {
  e.preventDefault();
  ...
}
烟乌鸦

我相信您需要将 click 事件处理程序包装为一个函数,因此该行将显示为:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过单击按钮将单击事件附加到主体,而无需立即触发它

来自分类Dev

触发单选按钮单击而无需单击

来自分类Dev

是否可以在Excel中注册事件而无需单击按钮?

来自分类Dev

on(“ click”,event)触发而无需单击

来自分类Dev

按钮单击事件未触发

来自分类Dev

按钮单击事件未触发

来自分类Dev

提交数据而无需单击提交按钮

来自分类Dev

提交表单而无需单击按钮

来自分类Dev

加载网页而无需单击任何按钮

来自分类Dev

下拉选择,而无需单击提交按钮

来自分类Dev

单击Mailto链接时如何自动触发电子邮件而无需单击发送按钮

来自分类Dev

jQuery按钮单击事件未触发

来自分类Dev

骨干js按钮单击事件未触发

来自分类Dev

以编程方式触发按钮单击事件

来自分类Dev

单击按钮触发Kendo上传的OnCancel事件

来自分类Dev

WPF按钮不触发单击事件

来自分类Dev

简单的JavaScript按钮单击事件不会触发

来自分类Dev

C#按钮单击事件不会触发

来自分类Dev

单击时未触发angularjs按钮事件

来自分类Dev

Fragment 中未触发按钮单击事件

来自分类Dev

单击按钮时触发角度管道事件

来自分类Dev

如何模拟按钮单击,不仅触发事件,还模拟单击动画?

来自分类Dev

提交而无需刷新不是单击按钮而是链接

来自分类Dev

Android:通过ID查找视图而无需单击UI按钮

来自分类Dev

提交而无需刷新不是单击按钮而是链接

来自分类Dev

EventListener会自动启动,而无需单击按钮

来自分类Dev

执行链接而无需单击

来自分类Dev

jQuery - 无需单击按钮即可触发函数

来自分类Dev

如何连续触发或发送意图(无需单击按钮)

Related 相关文章

热门标签

归档