Home > Developer > JavaScript
Javascript form event Summary
1. Onabort (ns3, ns4, ie4): this event is generated when the user terminates a webpage being opened.
2. Onblur (ns3, ns4, ie3, ie4): this event is generated when an element loses its active focus. For example, you can click the mouse in the text box and then click outside the text box.
3. Onchange (ns3, ns4, ie3, ie4): generated when the content of an element on a webpage changes. For example, if you enter text in the text box and click it outside the text box, it will be generated.
4. Onclick (ns3, ns4, ie3, ie4) is generated when you click an element on a webpage.
5. Ondblclick (ns4, ie4): generated when you double-click an element on a webpage
6. Onerror (ns3, ns4, ie4): This event occurs when an error occurs when the browser opens the webpage.
7. Onfinish (ie4): events generated when the text in the scroll text bar completes a scroll
8. This event is generated when elements on the onfocus (ns3, ns4, ie3, ie4) web page obtain the focus.
9. This event is generated when onkeydown (ns4, ie4) is pressed by any key.
10. Events generated when onkeypress (ns4, ie4) presses any key and releases the key
11. Onkeyup (ns4, ie4) releases the pressed button to generate this event
12. This event is generated after the onload (ns3, 4, ie3, 4) webpage or image is transferred.
13. Onmousedown (ns4, ie4) occurs when you press the mouse on an element of a webpage.
14. Onmousemove (ie3, 4) occurs when you move the mouse over an element of a webpage.
15. Onmouseout (ns3, 4, ie4) occurs when you move the mouse from an element of a webpage.
16. This event occurs when the onmouseover (ns3, 4, ie3, and 4) mouse moves to an element of a webpage.
17. Onmouseup (ns4, ie4) is triggered when the mouse is pressed.
18. This event is generated when the onreset (ns3, 4, ie3, and 4) Table is reset.
19. This event is generated when onresize (ns4, ie4) changes the browser.
20. This event is generated when onselect (ns3, 4, ie3, 4) selects text in the text box.
21. This event is generated when the text in the onstart (ie4) rolling text bar starts to scroll.
22. This event is generated when the onsubmit (ns3, 4, ie3, 4) form is submitted.
23. This event is generated when onunload (ns3, 4, ie3, and 4) exits from the current webpage.
<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <body bgcolor = "#666666" LEFTMARGIN = "0" TOPMARGIN = "0"> <TABLE WIDTH = "770" BORDER = "0" CELLSPACING = "0" CELLPADDING = "4" ALIGN = "center" BGCOLOR = "# FFEFD6" CLASS = "2 line" BACKGROUND = ".. /image/bg01.gif "> <TR> <TD> <B> javascript event list explanation </B> </TD> </TR> <TD CLASS =" 13px_font "> <table cellspacing =" 0 "BORDERCOLORDARK =" white "CELLPADDING =" 2 "WIDTH =" 90% "ALIGN =" center "BORDERCOLORLIGHT =" black "BORDER =" 1 "> <TR> <td align = "middle" COLSPAN = "2"> events </TD> <td align = "middle" WIDTH = "85"> browser support </TD> <td align = "middle" WIDTH = "348"> explanation </TD> </TR> <td width = "12" ROWSPAN = "10"> General events </TD> <td width = "131"> onclick </TD> <td width = "85"> IE3, N2 </TD> <td width = "348"> trigger this event when you click the mouse </TD> </TR> <td width = "131"> ondblclick </TD> <td width = "85"> IE4, n4 </TD> <td width = "348"> trigger this event when you double-click the mouse </TD> </TR> <td width = "131"> onmousedown </TD> <td width = "85"> IE4, N4 </TD> <td width = "348"> trigger this event when you press the mouse </TD> </TR> <TR> <td width = "131"> onmouseup </TD> <td width = "85"> IE4, N4 </TD> <td width = "348"> mouse this event is triggered when you press it and release the mouse </TD> </TR> <td width = "131"> onmouseover </TD> <td width = "85"> IE3, N2 </TD> <td width = "348"> this event is triggered when you move the cursor over an object range </TD> </TR> <TD WIDTH = "131"> onmousemove </TD> <td width = "85"> IE4, N4 </TD> <td width = "348"> this event is triggered when you move the mouse </TD> </TR> <td width = "131"> onmouseout </TD> <td width = "85"> IE4, N3 </TD> <td width = "348"> this event is triggered when the mouse leaves an object range </TD> </TR> <td width = "131"> onkeypress </TD> <td width = "85"> IE4, N4 </TD> <td width = "348"> this event is triggered when a key on the keyboard is pressed and released. </TD> </TR> <td width = "131"> onkeydown </TD> <td width = "85"> IE4, N4 </TD> <td width = "348"> this event is triggered when a key on the keyboard is pressed </TD> </TR> <td width = "131"> onkeyup </ TD> <td width = "85"> IE4, N4 </TD> <td width = "348"> this event is triggered when a button on the keyboard is opened </TD> </TR> <td width = "12" ROWSPAN = "9"> page related events </TD> <td width = "131"> onabort </TD> <td width = "85"> IE4, N3 </TD> <td width = "348"> the image is interrupted by the user during download </TD> </TR> <TR> <td width = "131"> onbeforeunload </TD> <td width = "85"> IE4, N </TD> <td width = "348"> current page </TD> <TR> <td width = "131"> onerror </TD> <td width = "85"> IE4, N3 </TD> <td width = "348"> this event is triggered when an error occurs </TD> </TR> <td width = "131"> onload </TD> <td width = "85"> IE3, N2 </TD> <td width = "348"> this event is triggered when the page content is complete </TD> </TR> <td width = "131"> onmove </TD> <td width = "85"> IE, N4 </TD> <td width =" 348 "> triggered when the browser window is moved </TD> </TR> <td width =" 131 "> onresize </TD> <td width = "85"> IE4, N4 </TD> <td width = "348"> this event is triggered when the browser's window size is changed </TD> </TR> <TR> <td width = "131"> onscroll </TD> <td width = "85"> IE4, N </TD> <td width = "348"> browser scroll bar this event is triggered when the location changes </TD> </TR> <td width = "131"> onstop </TD> <td width = "85"> IE5, N </TD> <td width = "348"> this event is triggered when the stop button of the browser is pressed or the file being downloaded is interrupted </TD> </TR> <TR> <td width = "131"> onunload </TD> <td width = "85"> IE3, N2 </TD> <td width = "348"> current page this event will be triggered when it is changed </TD> </TR> <td width = "12" ROWSPAN = "5"> form related events </TD> <TD WIDTH = "131"> onblur </TD> <td width = "85"> IE3, N2 </TD> <td width = "348"> triggered when the current element loses focus this event </TD> </TR> <td width = "131"> onchange </TD> <td width = "85"> IE3, N2 </TD> <td width = "348"> this event is triggered when the current element loses focus and the element content changes </TD> </TR> <td width = "131 "> onfocus </TD> <td width =" 85 "> IE3, N2 </TD> <td width =" 348 "> this event is triggered when an element gets focus </TD> </TR> <td width = "131"> onreset </TD> <td width = "85"> IE4, N3 </TD> <TD WIDTH = "348"> this event is triggered when the RESET attribute in the form is fired </TD> </TR> <td width = "131"> onsubmit </ TD> <td width = "85"> IE3, N2 </TD> <td width = "348"> this event is triggered when a form is submitted </TD> </TR> <TR> <td width = "12" ROWSPAN = "3"> rolling subtitle events </TD> <td valign = "top" ALIGN = "left" WIDTH = "131 "> onbounce </TD> <td valign =" top "WIDTH =" 85 "> IE4, N </TD> <td width =" 348 "> content in Marquee this event is triggered when you move beyond the Marquee display range </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onfinish </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> the content to be displayed when the Marquee element is complete </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onstart </TD> <TD VALIGN = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> this event is triggered when the Marquee element begins to display content </TD> </TR> <td width = "12" ROWSPAN = "20"> edit an event </TD> <td valign = "top" ALIGN = "left" WIDTH = "131"> onbeforecopy </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> when the current page this event is triggered before the selected content to be copied to the viewer's clipboard </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH =" 131 "> onbeforecut </TD> <td valign =" top "WIDTH =" 85 "> IE5, N </TD> <td width =" 348 "> when part of the page this event is triggered when all the content is removed from the current page [clipboard] and moved to the browser's system clipboard </TD> </TR> <td valign = "top "ALIGN =" left "WIDTH =" 131 "> onbeforeeditfocus </TD> <td valign =" top "WIDTH =" 85 "> IE5, N </TD> <TD WIDTH = "348"> the current element is about to enter the editing status </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onbeforepaste </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> the content is to be removed from the browser's system clipboard this event is triggered when you transfer [paste] to the page </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onbeforeupdate </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> when a viewer pastes content from the system clipboard target notification object </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> oncontextmenu </TD> <TD VALIGN = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> the page is triggered by pressing the right-click menu or pressing the keyboard. events triggered during menu </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> oncopy </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> this event is triggered when the selected content on the page is copied. </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> oncut </TD> <td valign = "top "WIDTH =" 85 "> IE5, N </TD> <td width =" 348 "> this event is triggered when the selected content on the page is cut </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondrag </TD> <td valign = "top" WIDTH = "85 "> IE5, N </TD> <td width =" 348 "> this event is triggered when an object is dragged. [Event Events] </TD> </TR> <TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondragdrop </TD> <td valign = "top" WIDTH = "85"> IE, N4 </TD> <td width = "348"> an external object is dragged to the current window or frame by the mouse </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondragend </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> this event is triggered when the mouse drag ends, that is, the mouse button is released </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondragenter </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> when an object is dragged by the mouse, it enters the container range. </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondragleave </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> when an object is dragged by the mouse out of its container range trigger this event </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondragover </TD> <TD VALIGN = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> when a dragged object is dragged within the range of another object container trigger this event </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondragstart </TD> <TD VALIGN = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> this event is triggered when an object is dragged </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondrop </TD> <td valign = "top" WIDTH = "85 "> IE5, N </TD> <td width =" 348 "> during a drag, this event is triggered when the mouse key is released </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onlosecapture </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> triggered when the selected focus formed by the element's mouse movement is lost this event </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onpaste </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> this event is triggered when the content is pasted </TD> </TR> <TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onselect </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> events when text content is selected </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onselectstart </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> event triggered when the text content is selected </TD> </TR> <td width = "12" ROWSPAN = "10"> data bind </TD> <td valign = "top" ALIGN = "left" WIDTH = "131"> onafterupdate </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> this event is triggered when data is transferred from the data source to the object </TD> </TR> <TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> oncellchange </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> when the data source changes </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondataavailable </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> when trigger event when data is received </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> ondatasetchanged </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> events triggered when data sources change </TD> </TR> <td width = "131"> ondatasetcomplete </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> this event is triggered when all valid data of the Child data source is read </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onerrorupdate </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> when the onBeforeUpdate event is triggered to cancel data transfer, replace the onAfterUpdate event </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onrowenter </TD> <TD VALIGN = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> event </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onrowexit </TD> <td valign =" top "WIDTH =" 85 "> IE5, N </TD> <td width =" 348 "> events triggered when the data of the current data source is about to change </TD>/ TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onrowsdelete </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> this event is triggered when the current data record is deleted </TD> </TR> <TD VALIGN = "top" ALIGN = "left" WIDTH = "131"> onrowsinserted </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> this event is triggered when a new data record is to be inserted to the current data source </TD> </TR> <td width = "12" ROWSPAN =" 6 "> external events </TD> <td valign =" top "ALIGN =" left "WIDTH =" 131 "> onafterprint </TD> <td valign =" top "WIDTH = "85"> IE5, N </TD> <td width = "348"> this event is triggered when the document is printed </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onbeforeprint </TD> <td valign = "top" WIDTH = "85"> IE5, N </ TD> <td width = "348"> this event is triggered when the document is about to be printed </TD> </TR> <td valign = "top" ALIGN = "left "WIDTH =" 131 "> onfilterchange </TD> <td valign =" top "WIDTH =" 85 "> IE4, N </TD> <td width =" 348 "> event triggered when the filter effect of an object changes </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onhelp </TD> <td valign = "top" WIDTH = "85"> IE4, N </TD> <td width = "348"> when the viewer presses F1 or the browser </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onpropertychange </TD> <td valign = "top" WIDTH = "85"> IE5, N </TD> <td width = "348"> this event is triggered when one of the object's attributes changes </TD> </TR> <td valign = "top" ALIGN = "left" WIDTH = "131"> onreadystatechange </TD> <td valign = "top "WIDTH =" 85 "> IE4, N </TD> <td width =" 348 "> this event is triggered when the object's initialization property value changes </TD> </TR> </TABLE> </TR> </TABLE> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
