码迷,mamicode.com
首页 > 其他好文 > 详细

onreset

时间:2014-10-13 02:34:08      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   ar   java   for   

定义和用法

在重置表单时调用的处理器。

语法

form.onreset

说明

Form 对象的 onreset 属性指定了一个事件句柄函数。当用户单击了表单中的 Reset 按钮而提交一个重置时,就会调用这个事件句柄函数。注意,这个句柄不会作为 Form.reset() 方法响应而被调用。如果 onreset 句柄返回 fasle,表单的元素就不会重置。

 

以上是来自W3School网站的介绍,但是我的示例与上面带下划线的内容是冲突的,亲测,Form.reset() 也会触发onreset事件句柄函数。

bubuko.com,布布扣
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>form-reset-onreset</title>
 5     <script type="text/javascript">
 6         function formReset() {
 7             var form = document.getElementById("myform");
 8             form.reset();
 9         }
10     </script>
11 </head>
12 <body>
13     <form id="myform" action="Default.aspx" method="get" onreset="alert(‘call onreset‘);return false;">
14     firstName:<input type="text" name="firstname" value="r" /><br />
15     lastName:<input type="text" name="lastname" value="z" /><br />
16     <br />
17     <input type="reset" /><!--只有Submit 按钮会触发onsubmit-->
18     <input type="button" value="resetBtn1" onclick="reset();" />
19     <input type="button" value="resetBtn2" onclick="document.getElementById(‘myform‘).reset();" />
20     <input type="button" value="resetBtn3" onclick="javascript:document.getElementById(‘myform‘).reset();" />
21     <input type="button" value="resetBtn4" onclick="formReset();" />
22     </form>
23 </body>
24 </html>
示例

 

参考:

http://www.w3school.com.cn/jsref/prop_form_onreset.asp

onreset

标签:style   blog   http   color   io   os   ar   java   for   

原文地址:http://www.cnblogs.com/YrXzJ1026/p/4021310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!