onchange处理程序阻止调用href方法

时间:2012-09-12 18:11:17

标签: html javascript-events

我有一个带有一个输入字段的简单表单。输入字段有一个onchange事件处理程序。 如果我在字段中输入一个值,然后直接单击done按钮以使输入字段不会失去焦点,则会调用onchange处理程序,但我的href方法不会。

任何想法为什么?我花了好几个小时试图解决这个问题,到目前为止还没有运气。

以下是示例代码。

<html>
   <head>
      <script language="Javascript">
      function validateInput()
      {
         alert("validateInput()");
        return true;
      }

      function setEdited()
      {
         alert("setEdited()");
         return true;
      }
      </script>
   </head>

   <body>
      <form name="my_form" method="post" action="next_page.html">
         <table width="100%" border="0" cellspacing="2" cellpadding="5">
            <tr>
              <td>field 1</td>
              <td><input type="text" name="field_1" size="20" value="abc" onchange="setEdited()"/></td>
            </tr>
         </table>
         <table border="0" cellspacing="0" cellpadding="0" width="100%" >
            <tr>
               <td align="right" nowrap >&nbsp;<a href="javascript:validateInput()">Done</a>        </td>
               <td align="right" nowrap >&nbsp;<a href="javascript:window.close()" >Cancel</a>&nbsp;</td>
            </tr>
          </table>
      </form>
   </body>
</html>

1 个答案:

答案 0 :(得分:0)

如果我理解正确,您希望在单击链接时调用这些方法。 href是一个采用网址的属性。 href属性不是事件处理程序。尝试使用onclick属性。

<td align="right" nowrap="nowrap" > <a onclick="validateInput()">Done</a> </td>
<td align="right" nowrap="nowrap" > <a onclick="window.close()" >Cancel</a> </td>