Home >Web Front-end >JS Tutorial >JS mouse event collection recommended collection_javascript skills
General events | ||
---|---|---|
Event | Browser support | Description |
onClick | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
Mouse click event, mostly used for mouse clicks within the range controlled by an object |
onDblClick | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
Mouse double click event |
onMouseDown | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
The button on the mouse was pressed |
onMouseUp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
Events fired when the mouse is pressed and released |
onMouseOver | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
Event triggered when the mouse moves over the range of an object |
onMouseMove | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
Events triggered when the mouse moves |
onMouseOut | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 |
Event triggered when the mouse leaves the scope of an object |
onKeyPress | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
An event triggered when a key on the keyboard is pressed and released. [Note: There must be a focused object in the page] |
onKeyDown | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
Event triggered when a key on the keyboard is pressed [Note: There must be a focused object in the page] |
onKeyUp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
Event triggered when a key on the keyboard is pressed and released [Note: There must be a focused object in the page] |
Page related events | ||
Event | Browser support | Description |
onAbort | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O |
Image was interrupted by user while downloading |
onBeforeUnload | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when the content of the current page is about to be changed |
onError | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O |
Capture errors that occur on the current page for some reason, such as script errors and external data reference errors |
onLoad | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
Events triggered when the page is empty and transferred to the browser, including the completion of external file introduction |
onMove | HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O |
Event triggered when the browser window is moved |
onResize | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
Event triggered when the browser window size is changed |
onScroll | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when the browser's scroll bar position changes |
onStop | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the browser's stop button is pressed or the file being downloaded is interrupted |
onUnload | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
Event triggered when the current page will be changed |
Form related events | ||
Event | Browser support | Description |
onBlur | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
Event triggered when the current element loses focus [can be triggered by mouse and keyboard] |
onChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
Events triggered when the current element loses focus and the content of the element changes [can be triggered by mouse and keyboard] |
onFocus | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
Event triggered when an element gets focus |
onReset | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 |
Event triggered when the RESET attribute in the form is fired |
onSubmit | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
An event triggered when a form is submitted |
Rolling subtitle event | ||
Event | Browser support | Description |
onBounce | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when the content in Marquee moves outside the display range of Marquee |
onFinish | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when the Marquee element completes the content that needs to be displayed |
onStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when the Marquee element starts displaying content |
Edit event | ||
Event | Browser support | Description |
onBeforeCopy | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered before the currently selected content of the page is to be copied to the viewer's system clipboard |
onBeforeCut | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when part or all of the content in the page will be moved away from the current page [clipping] and moved to the viewer's system clipboard |
onBeforeEditFocus | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
The current element will enter the editing state |
onBeforePaste | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when content is about to be transferred [pasted] from the viewer's system clipboard to the page |
onBeforeUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Notify target audience when a viewer pastes content from the system clipboard |
onContextMenu | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Events triggered when the browser presses the right mouse button to display the menu or when the page menu is triggered by keyboard keys [Try adding onContentMenu="return false" to the in the page to disable the use of the right mouse button Already] |
onCopy | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the currently selected content on the page is copied |
onCut | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the currently selected content on the page is cut |
onDrag | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when an object is dragged [Activity event] |
onDragDrop | HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O |
An external object is dragged into the current window or frame by the mouse |
onDragEnd | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the mouse drag ends, that is, the mouse button is released |
onDragEnter | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the object dragged by the mouse enters its container scope |
onDragLeave | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the object dragged by the mouse leaves the scope of its container |
onDragOver | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when a dragged object is dragged within the scope of another object container [Activity event] |
onDragStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when an object is to be dragged |
onDrop | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
During a dragging process, an event is triggered when the mouse button is released |
onLoseCapture | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when an element loses the selection focus formed by mouse movement |
onPaste | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when content is pasted |
onSelect | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event when text content is selected |
onSelectStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when text content selection will start to occur |
Data Binding | ||
Event | Browser support | Description |
onAfterUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when data completes transfer from data source to object |
onCellChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
When the data source changes |
onDataAvailable | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when data reception is completed |
onDatasetChanged | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Events triggered when the data source changes |
onDatasetComplete | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when all valid data from the sub-data source is read |
onErrorUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
When the data transfer is canceled using the onBeforeUpdate event trigger, replace the onAfterUpdate event |
onRowEnter | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Events triggered when the data in the current data source changes and there is new valid data |
onRowExit | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the data of the current data source is about to change |
onRowsDelete | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the current data record will be deleted |
onRowsInserted | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the current data source is about to insert a new data record |
External events | ||
Event | Browser support | Description |
onAfterPrint | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the document is printed |
onBeforePrint | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when the document is about to be printed |
onFilterChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when the filter effect of an object changes |
onHelp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
Event triggered when the viewer presses F1 or selects the browser's help |
onPropertyChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
Event triggered when one of the properties of the object changes |
onReadyStateChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
当对象的初始化属性值发生变化时触发 |
一般事件 事件 浏览器支持 描述
onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick IE4|N4|O 鼠标双击事件
onMouseDown IE4|N4|O 鼠标上的按钮被按下了
onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件
onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove IE4|N4|O 鼠标移动时触发的事件
onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件
onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件 事件 浏览器支持 描述
onAbort IE4|N3|O 图片在下载时被用户中断
onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件
onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove IE|N4|O 浏览器的窗口被移动时触发的事件
onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件
onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件
onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload IE3|N2|O3 当前页面将被改变时触发的事件
表单相关事件 事件 浏览器支持 描述
onBlur IE3|N2|O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件
onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件
onSubmit IE3|N2|O3 一个表单被递交时触发的事件
滚动字幕事件 事件 浏览器支持 描述
onBounce IE4|N|O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件
onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件
编辑事件 事件 浏览器支持 描述
onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus IE5|N|O 当前元素将要进入编辑状态
onBeforePaste IE5|N|O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate IE5|N|O 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu IE5|N|O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的