表单被重置(重置按钮被点击)时发生时会触发 onreset 事件。
下面的例子演示了在用户点击重置按钮时,弹出消息确认框进行确认,如果点击否,则不重置表单:
<html> <head> <script type="text/javascript"> function checkReset(){ if ( !confirm("确认重置表单吗?")){ return false; } } </script> </head> <body> <form name="testform" onreset="return checkReset();"> <p> 您的名字:<input type="text" name="your_name" value="输入您的姓名" onfocus="this.value=''" /> <input type="reset" value="重置表单" /> </p> </form> </body> </html>
您可以在下面试试本例子效果: