**
javascript从入门到跑路-----小文的js学习笔记(1)---------script、alert、document。write() 和 console.log 标签
…
…
javascript从入门到跑路-----小文的js学习笔记目录
**
下面是咱们常见的鼠标事件:javascript
onclick | 单击事件 |
ondblclick | 双击事件 |
oncontextmenu | 右击事件。 |
onmouseover | 鼠标移入(穿过) |
onmouseout | 鼠标移出。 |
onmousemove | 鼠标移入(一直会执行的代码)。 |
onmousedown | 鼠标按下。 |
onmouseup | 鼠标释放(松开) |
一、onclick
鼠标单击事件java
就是当你鼠标单击的时候,执行该事件,
举例:写上一个按钮,为其附上单击事件,当咱们单击时弹出“哈哈哈哈哈”
执行结果:
当咱们单击按钮时弹出“哈哈哈哈哈”
web
二、ondblclick
鼠标双击事件浏览器
一样是上面那个例子:只不过是须要双击才会弹出“哈哈哈哈哈”
执行结果:
svg
三、oncontextmenu
右击事件
仍是上面那个例子:可是只有用右键单击才会弹出咱们的“哈哈哈哈哈”
学习
四、onmouseover
鼠标移入(穿过) 、onmouseout
鼠标移出字体
这两者经常链接在一块儿使用.net
举个栗子:有时候咱们上浏览器,当鼠标移入某连接,字体会变成红色,当咱们鼠标移出它的样式又会变回去。3d
五、onmousedown
鼠标按下、onmouseup
鼠标释放(松开)指针
这两者也经常链接在一块儿使用,你也能够理解为鼠标按下和松开 。
简单的举一个例子,就当咱们有时候在网页上点那种超连接,点击它会变成红色,松开它的颜色又会变回去
五、onmousemove
鼠标移入(一直会执行的代码)
又是一个鼠标移入事件,那么咱们把几个鼠标的移入事件放在一块儿,看看他们有什么区别
onmouseenter、onmouseover 和 onmousemove
这里一共三个鼠标移入事件:
前两个onmouseenter 和 onmouseover 事件都是在鼠标指针进入元素时触发,可是onmouseenter不支持事件冒泡,而 onmouseover支持事件冒泡;
onmouseenter 跟 onmouseover同样,鼠标进入一次目标元素事件处理程序就执行一次,有一个移入和移出的过程;
onmousemove 在目标元素里鼠标坐标变化一次事件就会执行一次,即只要是在对象上移动并且没有移出对象的也会执行一次事件。
**
ᵗⁱᵐᵉ ⁿᵉᵛᵉʳ ˢᵖᵉᵃᵏˢ/ᵇᵘᵗ ᵃⁿˢʷᵉʳˢ ᵃˡˡ ᵗʰᵉ qᵘᵉˢᵗⁱᵒⁿˢ. --------------时间历来不语/却回答了全部问题。