javascript鼠标事件

2018-08-12 14:27 更新
一般事件
事件浏览器支持描述
onClickHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClickHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠标双击事件
onMouseDownHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠标上的按钮被按下了
onMouseUpHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠标按下后,松开时激发的事件
onMouseOverHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
当鼠标移动到某对象范围的上方时触发的事件
onMouseMoveHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠标移动时触发的事件
onMouseOutHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O3
当鼠标离开某对象范围时触发的事件
onKeyPressHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDownHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUpHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件
事件浏览器支持描述
onAbortHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O
图片在下载时被用户中断
onBeforeUnloadHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当前页面的内容将要被改变时触发的事件
onErrorHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O
捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoadHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMoveHTML: 2 | 3 | 3.2 | 4 
Browser: IE | N4 | O
浏览器的窗口被移动时触发的事件
onResizeHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
当浏览器的窗口大小被改变时触发的事件
onScrollHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
浏览器的滚动条位置发生变化时触发的事件
onStopHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnloadHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
当前页面将被改变时触发的事件
表单相关事件
事件浏览器支持描述
onBlurHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocusHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
当某个元素获得焦点时触发的事件
onResetHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O3
当表单中RESET的属性被激发时触发的事件
onSubmitHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
一个表单被递交时触发的事件
滚动字幕事件
事件浏览器支持描述
onBounceHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinishHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当Marquee元素完成需要显示的内容后触发的事件
onStartHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当Marquee元素开始显示内容时触发的事件
编辑事件
事件浏览器支持描述
onBeforeCopyHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCutHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocusHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前元素将要进入编辑状态
onBeforePasteHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdateHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenuHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopyHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当页面当前的被选择内容被复制后触发的事件
onCutHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当页面当前的被选择内容被剪切时触发的事件
onDragHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当某个对象被拖动时触发的事件 [活动事件]
onDragDropHTML: 2 | 3 | 3.2 | 4 
Browser: IE | N4 | O
一个外部对象被鼠标拖进当前窗口或者帧
onDragEndHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnterHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeaveHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOverHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStartHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当某对象将被拖动时触发的事件
onDropHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
在一个拖动过程中,释放鼠标键时触发的事件
onLoseCaptureHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当元素失去鼠标移动所形成的选择焦点时触发的事件
onPasteHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当内容被粘贴时触发的事件
onSelectHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当文本内容被选择时的事件
onSelectStartHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当文本内容选择将开始发生时触发的事件
数据绑定
事件浏览器支持描述
onAfterUpdateHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当数据完成由数据源到对象的传送时触发的事件
onCellChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当数据来源发生变化时
onDataAvailableHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当数据接收完成时触发事件
onDatasetChangedHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
数据在数据源发生变化时触发的事件
onDatasetCompleteHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdateHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnterHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExitHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据源的数据将要发生变化时触发的事件
onRowsDeleteHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据记录将被删除时触发的事件
onRowsInsertedHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当前数据源将要插入新数据记录时触发的事件
外部事件
事件浏览器支持描述
onAfterPrintHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当文档被打印后触发的事件
onBeforePrintHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当文档即将打印时触发的事件
onFilterChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当某个对象的滤镜效果发生变化时触发的事件
onHelpHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
当对象的属性之一发生变化时触发的事件
onReadyStateChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
当对象的初始化属性值发生变化时触发

 

js 鼠标点击事件及其它捕获


这段代码是用来做,点击一个按纽打开个div,在页面空白处点击鼠标隐藏这个div

<div><a href="#" onclick="showPricediv('aaa')" abc=1>adsfsdf</a></div> 
<div id="aaa" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv><table><tr><td>dfdfdfsdf</td></tr></table></pricediv></div> 
<div><a href="#" onclick="showPricediv('Div1')" abc=1>adsfsdf</a></div> 
<div id="Div1" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false">dfdfdf<br /><pricediv>dfdfdfdf</pricediv></div> 
<div><a href="#" onclick="showPricediv('Div2')" abc=1>adsfsdf</a></div> 
<div id="Div2" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv>dfdfdf<br />dfdfdfdf</pricediv></div> 
</body> 
<script> 
var temEventobject=null; 
var temshowTag=false; 
function document.onclick() 

if(event.srcElement.abc==null&&temshowTag==false) 

var temabc = document.getElementsByTagName("pricediv"); 
for(i=0;i<temabc.length;i++) 

temabc[i].parentElement.style.display="none"; 



function showPricediv(a) 

document.getElementById(a).style.display=""; 
temEventobject=document.getElementById(a); 
temshowTag=true; 

</script> 
这段代码是用来做,点击一个按纽打开个div,在页面空白处点击鼠标隐藏这个div 
function document.onclick() 


这样可以重写一个内置对象的事件或方法,但只限于document,window,同样方式你可以重写alert之类

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号