`
java_frog
  • 浏览: 253272 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

onmousemove、onmouseover、 onmouseup及onclick的区别

IE 
阅读更多
时间上 onmousemove 事件触发后,再触发 onmouseover 事件。

按钮上 不区分鼠标按钮。

动作上 onmouseover 只在刚进入区域时触发。 onmousemove 除了刚进入区域触发外,在区域内移动鼠标,也会触发该事件。

当鼠标移动很快时,可能不会触发这两个事件

时间上 onmouseup 事件触发后,再触发 onclick 事件。

按钮上 onmouseup 检测鼠标任意键(包含滚轮),onclick只有在鼠标左键时触发。

动作上 onmouseup 侧重于检测鼠标弹起,而 onclick 检测鼠标按下并弹起。在文档任意区域按下鼠标,甚至用 Alt+Tab 切换任务,再 Alt+Tab 切换回来,再将指针移到控件上,放开鼠标,仍可触发 onmouseup 事件;而 onclick 必须在同一元素上按下并释放(在鼠标按下与释放之间切换任务时,IE 不再承认 onclick,NS 则仍承认)。

分享到:
评论

相关推荐

    易语言一句代码挂接网页事件

    易语言一句代码挂接网页事件源码,一句代码挂接网页事件,onclick,ondbclick,onmousemove,oncontextmenu,onmouseup,onmousedown,onmouseover,onmouseout,onkeypress

    JS鼠标事件大全

    onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件 onMouseDown HTML: 2 | 3 ...

    onmouse事件总结

    1. **onClick**: - **浏览器支持**:IE3 | Netscape2 | Opera3 - **描述**:当用户单击鼠标左键(通常指主按钮)时触发此事件。这个事件常用于表单提交、链接跳转等场景。 2. **onDblClick**: - **浏览器支持...

    onmouse常用事件js

    `onmouseenter`和`onmouseleave`与`onmouseover`和`onmouseout`类似,但它们不会因子元素导致的边界穿越而触发。例如: ```html ;"> ;height:50px;background-color:red;"> document.getElementById('parent')...

    javaScript常用事件命令

    例如,在某个元素上添加 onmousemove 事件,可以在鼠标移动时执行某些操作。 onmouseout 事件 onmouseout 事件是在鼠标光标移开元素时执行的事件。例如,在某个元素上添加 onmouseout 事件,可以在鼠标移开时执行...

    js事件总结

    onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发...

    《javascript》——event对象与事件

    * 鼠标事件:onclick、ondblclick、onmousedown、onmouseup、onmousemove、onmouseover、onmouseout * 键盘事件:onkeydown、onkeyup * 表单事件:onsubmit、onfocus、onblur、onchange * 页面事件:onload、...

    js事件触发大全

    1. 鼠标事件:onclick、ondblclick、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel 这些事件都是与鼠标相关的,例如 clicks、双击、鼠标移动等。 2. 键盘事件:onkeydown、...

    2021-2022计算机二级等级考试试题及答案No.18070.docx

    2. JavaScript 鼠标事件:JavaScript 中的鼠标事件包括onMouseDown、onMouseUp、onClick、onMouseMove、onMouseOver、onMouseOut等。题目中提到的B和D(onMouseLeave和onMouseOver)是两个常见的鼠标事件。 3. 面向...

    js中call,apply,setCapture,releaseCapture的使用.pdf

    需要注意的是,`setCapture`和`releaseCapture`只适用于鼠标事件,如`onmousedown`, `onmouseup`, `onmousemove`, `onclick`, `ondblclick`, `onmouseover`, `onmouseout`等,不支持键盘事件。此外,这两个方法是非...

    JavaScript语言参考手册

    onMouseMove onMouseOut onMouseOver onMouseUp onMove onReset onResize onSelect onSubmit onUnload 第十章 LiveWire 数据库服务 本章包含了服务器端与 LiveWire 关联的对象:database,DbPool,Connection,...

    鼠标事件大全 包括不同浏览器是否支持 鼠标事件非常完整

    5. **onMouseOver**:鼠标指针移动到元素上时触发。IE3、N2及O3以上版本提供支持。 6. **onMouseMove**:鼠标在页面上移动时持续触发。IE4、N4及O版本支持。 7. **onMouseOut**:鼠标指针离开元素范围时触发。IE4、...

    javascript事件列表解说.pdf

    首先,我们要了解的是“一般事件”,如`onclick`、`ondblclick`、`onmousedown`、`onmouseup`、`onmouseover`、`onmousemove`、`onmouseout`和`onkeypress`。这些事件与用户的鼠标和键盘操作紧密相关。例如,`...

    Javascript鼠标事件大全

    4. **onMouseUp(抬起事件)**: - **描述**:当鼠标按钮被释放时触发。 - **示例用途**:与`onMouseDown`结合使用,实现拖拽或点击效果。 - **兼容性**:IE4及以上版本、Netscape4及以上版本、Opera支持。 5. *...

    JavaScript事件列表解说

    onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3、N2 当...

    Web前端设计与开发技术课件第8章使用行为制作网页特效.pptx

    鼠标事件包括onClick、onDblClick、onMouseDown、onMouseMove、onMouseOut、onMouseOver、onMouseUp等。键盘事件包括onKeyPress、onKeyDown、onKeyUp等。表单事件包括onChange、onFocus、onBlur、onSelect、onSubmit...

    javaScript鼠标键盘事件

    1. **`onmouseover`**:当鼠标指针移入元素时触发。例如,可以用来改变鼠标悬停时元素的样式或显示额外的信息。 ```javascript element.onmouseover = function() { this.style.backgroundColor = "red"; }; ``...

    CSS结合JS+DW中的CSS使用+滤镜.pdf

    - onClick:当鼠标单击元素时触发。 - onDblClick:鼠标双击元素时触发。 - onMouseDown:鼠标按键按下时触发。 - onMouseUp:鼠标按键释放时触发。 - onMouseMove:鼠标在元素上移动时触发。 - onMouseOver:...

    js事件大全.docx

    10. onmousedown、onmouseup和onmousemove:鼠标事件,分别在鼠标按键按下、松开以及鼠标在页面上移动时触发。常用于实现拖放功能或创建交互式元素。 11. onmouseout和onmouseover:当鼠标离开或进入元素区域时触发...

Global site tag (gtag.js) - Google Analytics