首页 > web前端 > js教程 > JavaScript鼠标事件是什么?JavaScript鼠标事件详解

JavaScript鼠标事件是什么?JavaScript鼠标事件详解

云罗郡主
发布: 2018-11-05 13:37:24
原创
9642 人浏览过

js中是比较简单的语言,然而js的精髓就是js事件,这也是js当中最重要的部分,很多人对JavaScript鼠标事件是什么还不是很了解,下面我们对JavaScript鼠标事件进行详解。

微信截图_20181105133500.png

一:在js中,鼠标事件有很多,其中有以下几种事件:

1.ondbclick 双击

2.onmouseover 移入

3.onmouseout 移出

4.onmousemove 移动

5.onmousedown 按下

6.onmouseup 松开

在一般情况下,处理器的原则就是在事件的前面加on,但是对click事件来说,处理器名称就是onclick,这些事件都是比较好记忆的,对于双击我们很少用,主要的还是有以下鼠标事件。

二:主要事件详解: 

1.常用的还是onclick,很多学生在学习之前,也接触了不少,例如当我们点击某个按钮的时候,会弹出一个对话窗,在任何元素都可以添加上按钮。

2.在js中,鼠标的移入和移除,我们分别使用onmouseover和onmouseout来去表示,其实这两个时间是比较友好的,一般是不会分开的,这两个时间都是可以共同使用来控制鼠标,实现移入和移除这两个状态,在菜单导航中,鼠标放在一级导航上会出现下拉导航,鼠标移除二级导航会自动收起来。

3.js中,我们使用onmousedown和onmouseup来表示按下和松开,onmousedown是表示鼠标按下发生的事件,onmouseup是表示松开发生的事件,然而在实际开发当中,这两个事件我们很少使用。

以上就是对JavaScript鼠标事件是什么?JavaScript鼠标事件详解的全部介绍,如果您想了解更多有关JavaScript教程,请关注PHP中文网。


以上是JavaScript鼠标事件是什么?JavaScript鼠标事件详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板