鼠标事件

来源:互联网 发布:vnr网络连接不畅 编辑:程序博客网 时间:2024/03/28 22:34
常见的有以下8个:
mousedown:鼠标的键钮被按下。
mouseup:鼠标的键钮被释放弹起。
click:单击鼠标的键钮。
dblclick:鼠标的键钮被按下。
contextmenu :弹出右键菜单。
mouseover:鼠标移到目标的上方。
mouseout:鼠标移出目标的上方。
mousemove:鼠标在目标的上方移动。

mousedown事件与mouseup事件可以说click事件在时间上的细分,顺序是mousedown => mouseup => click。因此一个点击事件,通常会激发几个鼠标事件。

<script type="text/javascript"> var loadEvent = function(fn) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = fn; }else { window.onload = function() { oldonload(); fn(); } } } var checkevents = function(){ var demo = document.getElementById("mouse"); var ex = document.getElementById("explanation"); demo.onclick = function(){ ex.style.display = "block"; ex.innerHTML += "click<br>" } demo.ondblclick = function(){ ex.style.display = "block"; ex.innerHTML += "dblclick<br>" } demo.onmouseup = function(){ ex.style.display = "block"; ex.innerHTML += "mouseup<br>" } demo.onmousedown = function(){ ex.style.display = "block"; ex.innerHTML += "mousedown<br>" } demo.oncontextmenu = function(){ ex.style.display = "block"; ex.innerHTML += "contextmenu<br>" } } var clearcontent = function(){ var reset = document.getElementById("clearcontent"); var ex = document.getElementById("explanation"); reset.onclick = function(){ ex.innerHTML = ''; ex.style.display = "none"; } } loadEvent(function(){ clearcontent(); checkevents(); }) </script> <div id="mouse" style="width:500px;height:200px;background:#E8FFE8;border:2px solid #336699;"> 请在这里点击,测试一个点击到底捆绑了多少种鼠标事件?! </div> <p><button type="button" id="clearcontent">清空</button></p> <div id="explanation" style="width:500px;border:2px solid #336699;display:none;"></div> 

JS鼠标事件大全  

2009-01-20 10:53:17|  分类:ActiveX && JS |举报|字号 订阅

一般事件事件浏览器支持描述onClickIE3|N2|O3鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClickIE4|N4|O鼠标双击事件onMouseDownIE4|N4|O鼠标上的按钮被按下了onMouseUpIE4|N4|O鼠标按下后,松开时激发的事件onMouseOverIE3|N2|O3当鼠标移动到某对象范围的上方时触发的事件onMouseMoveIE4|N4|O鼠标移动时触发的事件onMouseOutIE4|N3|O3当鼠标离开某对象范围时触发的事件onKeyPressIE4|N4|O当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]onKeyDownIE4|N4|O当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]onKeyUpIE4|N4|O当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

 

页面相关事件

事件浏览器支持描述onAbortIE4|N3|O图片在下载时被用户中断onBeforeUnloadIE4|N|O当前页面的内容将要被改变时触发的事件onErrorIE4|N3|O捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误onLoadIE3|N2|O3页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成onMoveIE|N4|O浏览器的窗口被移动时触发的事件onResizeIE4|N4|O当浏览器的窗口大小被改变时触发的事件onScrollIE4|N|O浏览器的滚动条位置发生变化时触发的事件onStopIE5|N|O浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断onUnloadIE3|N2|O3当前页面将被改变时触发的事件

 

表单相关事件

事件浏览器支持描述onBlurIE3|N2|O3当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]onChangeIE3|N2|O3当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]onFocusIE3|N2|O3当某个元素获得焦点时触发的事件onResetIE4|N3|O3当表单中RESET的属性被激发时触发的事件onSubmitIE3|N2|O3一个表单被递交时触发的事件

0 0
原创粉丝点击