1. onmouseover事件
1.1. onmouseover当鼠标移入某元素时触发, 移入和移出其子元素时也会触发。
1.2. 语法
1.2.1. html中:
1.2.2. JavaScript中:
1.3. onmouseover属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
2. onmouseenter事件
2.1. onmouseenter当鼠标移入某元素时触发。
2.2. 该事件通常与onmouseleave事件一同使用, 在鼠标指针移出元素上时触发。
2.3. onmouseenter事件类似于onmouseover事件。唯一的区别是onmouseenter事件不持子元素连带触发。
2.4. 语法
2.4.1. html中:
2.4.2. JavaScript中:
2.5. onmouseenter属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
3. onmouseout事件
3.1. onmouseout当鼠标移出某元素时触发, 移入和移出其子元素时也会触发。
3.2. 语法
3.2.1. html中:
3.2.2. JavaScript中:
3.3. onmouseout属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
4. onmouseleave事件
4.1. onmouseleave当鼠标移出某元素时触发。
4.2. 该事件通常与onmouseenter事件一起使用, 该事件在鼠标移动到元素上时触发。
4.3. onmouseleave事件类似于onmouseout事件。唯一的区别是onmouseleave事件不支持子元素连带触发。
4.4. 语法
4.4.1. html中:
4.4.2. JavaScript中:
4.5. onmouseleave属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
5. onmousemove事件
5.1. onmousemove鼠标在某元素上移动时触发, 即使在其子元素上也会触发。
5.2. 语法
5.2.1. html中:
5.2.2. JavaScript中:
5.3. onmousemove属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
6. 例子
6.1. 代码
6.2. 鼠标从空白处移入大div区域
6.3. 紧接着鼠标从大div区域移入小p区域
6.4. 紧接着鼠标从小p区域移入大div区域
6.5. 紧接着鼠标移出大div到空白处
7. onclick事件
7.1. onclick事件会在元素被点击时发生。
7.2. 语法
7.2.1. html中:
7.2.2. JavaScript中:
7.3. onclick属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
8. ondblclick事件
8.1. ondblclick事件会在对象被双击时发生。只有鼠标左键可以双击。
8.2. 语法
8.2.1. html中:
8.2.2. JavaScript中:
8.3. ondblclick属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
9. onmousedown事件
9.1. onmousedown事件会在鼠标按键被按下时发生。
9.2. 语法
9.2.1. html中:
9.2.2. JavaScript中:
9.3. onmousedown属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
9.4. 与onmouseup事件相关连得事件发生次序(鼠标左侧按钮):
- onmousedown
- onmouseup
- onclick
9.4. 与onmouseup事件相关连得事件发生次序(鼠标中间按钮):
- onmousedown
- onmouseup
9.5. 与onmouseup事件相关连得事件发生次序(鼠标右侧按钮):
- onmousedown
- onmouseup
- oncontextmenu
10. onmouseup事件
10.1. onmouseup事件会在鼠标按键被松开时发生。
10.2. 语法
10.2.1. html中:
10.2.2. JavaScript中:
10.3. onmouseup属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
10.4. 与onmouseup事件相关连得事件发生次序(鼠标左侧按钮):
- onmousedown
- onmouseup
- onclick
10.4. 与onmouseup事件相关连得事件发生次序(鼠标中间按钮):
- onmousedown
- onmouseup
10.5. 与onmouseup事件相关连得事件发生次序(鼠标右侧按钮):
- onmousedown
- onmouseup
- oncontextmenu
11. oncontextmenu事件
11.1. oncontextmenu事件在元素中用户右击鼠标时触发并打开上下文菜单。
11.2. 语法
11.2.1. html中:
11.2.2. JavaScript中:
11.3. oncontextmenu属性可以适用于所有html元素, 除了: <base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>和<title>。
12. 例子
12.1. 代码
12.2. 鼠标左键
12.3. 鼠标中键
12.4. 鼠标右键
12.5. 鼠标左键双击
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/rfx/29341.html