测试一个简单的javascript按钮

Testing a simple javascript button

本文关键字：简单 javascript 按钮 一个 测试      更新时间：2023-09-26

先生们，女士们，大家好。我正在尝试测试按钮，看看它是否绑定到事件，但它不起作用。我已经研究了好几个小时了，却找不到答案。我正在寻找分离HTML和javsScript的代码。我是新来的，非常感谢你抽出时间。当我点击按钮时，我无法使警报工作。

var formId;
 formId = document.GetElementById("button");
function run(){
  
 alert("Stack overflow"); 
  
}
formId.addEventListener("submit", run, false);
  <div id ="content">
    <div id ="title">Special Offers</div>
    <div id="colors">Sign-up to receive personalized    offers!
    </div>
      
     <fieldset>
       <legend> Please enter your information</legend>
        <form action="#" method="post" />
         <input type="text"  />
            <label for ="button">add</label>
       </form>
      </fieldset>
    
    <!--**************Button******-->
    
    <button type="submit" id="button">submit</button>
    
 </div>

尝试。。。

var formId = document.getElementById("button");
function run(){
  alert("Stack overflow"); 
}
formId.addEventListener("click", run, false);

我正在使用.getElementById（拼写）和侦听器上的单击事件。

Fiddle：http://jsfiddle.net/rfornal/9duqfgL6/

您可以使用以下代码：

<div id ="content">
    <div id ="title">Special Offers
    </div>
    <div id="colors">Sign-up to receive personalize offers!
    </div>         
    <button type="submit" id="button" onclick="run()">submit</button>
</div>

你的JS应该如下：

function run(){
    alert("stack overflow");
}

您的form标记是自动关闭的。应该是getElementById。尝试click事件而不是submit事件。

您的button在form之外。当你的按钮在里面时，你可以把submit事件监听器添加到你的表单中

var formId = document.getElementById("button");
function run(){
  alert("Stack Overflow"); 
}
formId.addEventListener("click", run, false);
<div id ="content">
  <div id ="title">Special Offers</div>
  <div id="colors">Sign-up to receive personalized offers!</div>
  <fieldset>
    <legend> Please enter your information</legend>
    <form action="#" method="post">
      <input type="text"/>
      <label for="button">add</label>
      <button type="submit" id="button">submit</button>
    </form>
  </fieldset>
</div>

相关文章：