表单元素事件 (Form Element Events) 仅在表单元素中有效。 属性 值 描述 onchange 脚本 当元素改变时执行脚本 onsubmit 脚本 当表单被提交时执行脚本 onreset 脚本 当表单被重置时执行脚本 onselect 脚本 当元素被选取时执行脚本 onblur 脚本 当元素失去焦点时执行脚本 onfocus 脚本 当元素获得焦点时执行脚本 窗口事件 (Window Events) 仅在 body 和 frameset 元素中有效。 属性 值 描述 onload 脚本 当文档载入时执行脚本 onunload 脚本 当文档卸载时执行脚本 图像事件 (Image Events) 该属性可用于 img 元素: 属性 值 描述 onabort 脚本 当图像加载中断时执行脚本 键盘事件 (Keyboard Events) 在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。 属性 值 描述 onkeydown 脚本 当键盘被按下时执行脚本 onkeypress 脚本 当键盘被按下后又松开时执行脚本 onkeyup 脚本 当键盘被松开时执行脚本 <html> <head> <title></title> <mce:script type="text/javascript"><!-- function on_submit(){ var c = confirm("您确定要提交吗"); if(c){ alert("你已经提交了"); }else{ alert("您取消了提交"); } } // --></mce:script> </head> <body> <form method="post" action="" οnsubmit="return on_submit()"> <!--提交事件--> 用户名: <input type = "text" name="name" id = "name"><br> <input type="submit" name="submit" > </form> </body> </html> 表单提交重置事件: <html> <head> <title></title> <mce:script type="text/javascript"><!-- function on_submit(){ var c = confirm("您确定要提交吗"); if(c){ alert("你已经提交了"); return true; }else{ alert("您取消了提交"); return false; } } function on_reset(){ var c = confirm("您确定要重置吗"); if(c){ alert("你重置了"); return true; }else{ alert("您取消了重置"); return false; } } // --></mce:script> </head> <body> <form method="post" action="" οnsubmit="return on_submit()" οnreset=" return on_reset()"> <!--表单事件--> 用户名: <input type = "text" name="name" id = "name"><br> <input type="submit" name="submit" > <input type="reset" name = "reset"> </form> </body> </html> 页面加载事件: <html> <head> <title></title> <mce:script type="text/javascript"><!-- function on_submit(){ var c = confirm("您确定要提交吗"); if(c){ alert("你已经提交了"); return true; }else{ alert("您取消了提交"); return false; } } function on_reset(){ var c = confirm("您确定要重置吗"); if(c){ alert("你重置了"); return true; }else{ alert("您取消了重置"); return false; } } function on_load(){ alert("页面加载完毕"); } function on_unload(){ alert("页面关闭"); } // --></mce:script> </head> <body οnlοad="on_load()" οnunlοad="on_unload()"> <form method="post" action="" οnsubmit="return on_submit()" οnreset=" return on_reset()"> <!--表单事件--> 用户名: <input type = "text" name="name" id = "name"><br> <input type="submit" name="submit" > <input type="reset" name = "reset"> </form> </body> </html> 表单发生改变事件: <html> <head> <title></title> <mce:script type="text/javascript"><!-- function on_submit(){ var c = confirm("您确定要提交吗"); if(c){ alert("你已经提交了"); return true; }else{ alert("您取消了提交"); return false; } } function on_reset(){ var c = confirm("您确定要重置吗"); if(c){ alert("你重置了"); return true; }else{ alert("您取消了重置"); return false; } } function on_load(){ alert("页面加载完毕"); } function on_unload(){ alert("页面关闭"); } function on_change(){ alert("选择发生了改变"); } // --></mce:script> </head> <body οnlοad="on_load()" οnunlοad="on_unload()"> <form method="post" action="" οnsubmit="return on_submit()" οnreset=" return on_reset()"> <!--表单事件--> 用户名: <input type = "text" name="name" id = "name"><br> <input type="submit" name="submit" > <input type="reset" name = "reset"> <select name="city" id="city" οnchange="on_change()"> <option> 北京 </option> <option> 南京 </option> <option> 南宁 </option> </select> </form> </body> </html> 键盘鼠标事件 键盘事件 (Keyboard Events) 在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。 属性 值 描述 onkeydown 脚本 当键盘被按下时执行脚本 onkeypress 脚本 当键盘被按下后又松开时执行脚本 onkeyup 脚本 当键盘被松开时执行脚本 鼠标事件 (Mouse Events) 在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。 属性 值 描述 onclick 脚本 当鼠标被单击时执行脚本 ondblclick 脚本 当鼠标被双击时执行脚本 onmousedown 脚本 当鼠标按钮被按下时执行脚本 onmousemove 脚本 当鼠标指针移动时执行脚本 onmouseout 脚本 当鼠标指针移出某元素时执行脚本 onmouseover 脚本 当鼠标指针悬停于某元素之上时执行脚本 onmouseup 脚本 当鼠标按钮被松开时执行脚本 键盘事件 <html> <head> <title></title> <mce:script type="text/javascript"><!-- function on_submit(){ var c = confirm("您确定要提交吗"); if(c){ alert("你已经提交了"); return true; }else{ alert("您取消了提交"); return false; } } function on_reset(){ var c = confirm("您确定要重置吗"); if(c){ alert("你重置了"); return true; }else{ alert("您取消了重置"); return false; } } function on_load(){ alert("页面加载完毕"); } function on_unload(){ alert("页面关闭"); } function on_change(){ alert("选择发生了改变"); } function on_keyPress(){ alert("您按下了键盘的"+event.keyCode); } // --></mce:script> </head> <body οnlοad="on_load()" οnunlοad="on_unload()"> <form method="post" action="" οnsubmit="return on_submit()" οnreset=" return on_reset()"> <!--表单事件--> 用户名: <input type = "text" name="name" id = "name" onkeyPress="on_keyPress()"><br> <input type="submit" name="submit" > <input type="reset" name = "reset"> <select name="city" id="city" οnchange="on_change()"> <option> 北京 </option> <option> 南京 </option> <option> 南宁 </option> </select> </form> </body> </html> <html> <head> <title></title> <mce:script type="text/javascript"><!-- function on_submit(){ var c = confirm("您确定要提交吗"); if(c){ alert("你已经提交了"); return true; }else{ alert("您取消了提交"); return false; } } function on_reset(){ var c = confirm("您确定要重置吗"); if(c){ alert("你重置了"); return true; }else{ alert("您取消了重置"); return false; } } function on_load(){ alert("页面加载完毕"); } function on_unload(){ alert("页面关闭"); } function on_change(){ alert("选择发生了改变"); } function on_keyPress(){ alert("您按下了键盘的"+event.keyCode); } // --></mce:script> </head> <body οnlοad="on_load()" οnunlοad="on_unload()"> <form method="post" action="" οnsubmit="return on_submit()" οnreset=" return on_reset()"> <!--表单事件--> 用户名: <input type = "text" name="name" id = "name" onkeyPress="on_keyPress()" οnmοuseοver="alert('鼠标移入')" οnmοuseοut="alert('鼠标移出')"><br> <input type="submit" name="submit" > <input type="reset" name = "reset"> <select name="city" id="city" οnchange="on_change()"> <option> 北京 </option> <option> 南京 </option> <option> 南宁 </option> </select> </form> </body> </html>