JavaScript函数未使用html onclick触发

Question

我正在努力让我的javascript函数在我的html页面上单击按钮时触发。 我的html代码段：

<!DOCTYPE html>
    <html>
        <head>
        <title>VLA SYSTEM</title>
        <a href="logout.php" onclick="logout();" style="float:right;">Logout</a>
        <script
            type ="text/JavaScript" src="logout.js"></script>

        </head>
    <body>
<form>
      <script
          type ="text/JavaScript" src="regGen.js"></script>
          <script
          type="text/JavaScript" src="submit.js"></script>
<input type="button" name="btnAssign" value="Assign Owner To Registration Number..." onclick="submit()">

我的javascript代码段：

function submit() {
    window.alert("Information Captured And Stored To Database!");
}

想法是，当用户单击按钮时，警报应触发，通知用户已捕获信息，但是，我无法显示此警报。

任何建议将不胜感激。

Answer 1

问题是，unintuitively，内嵌处理器基本上是隐含的使用with (this)对触发事件的元素，以及父元素，等等：

 <form> <input type="button" name="btnAssign" value="Assign Owner To Registration Number..." onclick="console.log(submit === document.querySelector('form').submit)" > </form>

而form.submit是一个内置函数，将提交表单。

使用不同的函数名称，例如doAlert ：

onclick="doAlert()"

和

function doAlert() {
  window.alert("Information Captured And Stored To Database!");
}

或改为使用Javascript正确附加侦听器（内联处理程序是非常糟糕的做法，并且可能会导致不直观的行为，如您所见）：

document.querySelector('input[name="btnAssign"]).addEventListener('click', submit);

JavaScript函数未使用html onclick触发

问题描述

1 个解决方案

解决方案1
1 已采纳 2019-01-06 12:42:44

JavaScript函数未使用html onclick触发

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-01-06 12:42:44

解决方案1
1 已采纳 2019-01-06 12:42:44