reset按钮

定义一个reset按钮，我想给她个onclick事件，在她执行本身的内置的功能之后执行我的onclick事件，有没有办法解决

解决方案 »

  1.   

    这个好像不行，reset一般在form中使用，否则就没有意义了，也就是说不在form中怎样加事件都可以和普通标签是一样的，在form中又是默认的
      

  2.   

    在form中可以加，不过执行时在默认行为之前，可以用button代替，这样就好处理了
      

  3.   


    <form id="form1">
    <input value="def" id="test" name="test" />
    <input type="reset" id="btnReset" value="Reset" />
    </form>
    <script type="text/javascript">
    //<![CDATA[
    var i=0;
    function foo(){
    alert(i++);
    }
    $(function(){
    $('#btnReset').unbind('click').bind('click',function(event){
    //阻止默认事件
    event.preventDefault();
    foo();
    $('form#form1')[0].reset();
    foo();
    });
    });
    //]]>
    </script>基于jQuery,方法，在reset btn上绑定click事件
    事件内容为，event.preventDefault();取消默认行为，即重置
    然后，自己调用form的reset事件，然后再执行自己foo;
    再reset前后分别一次foo,是为了显示调用reset之前和之后都可以调用foo;
    建议是才去#2楼的建议，用buttion自己定义reset方法，而不是取消默认的reset方法
      

  4.   

    既然想自定义onclick事件，用button按钮不是更好吗。
      

  5.   

    用button代替，onclick里执行reset()方法；<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title> New Document </title>
     </head> <body>
     <form name="form1" action="#">
      <input type="text" value=""/>
      <input type="button" onclick="form1.reset();alert('ok');" value="reset"/>
     </form>
     </body>
    </html>