Rumah > hujung hadapan web > tutorial js > JavaScript鼠标事件是什么?JavaScript鼠标事件详解

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

云罗郡主
Lepaskan: 2018-11-05 13:37:24
asal
9642 orang telah melayarinya

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中文网。


Atas ialah kandungan terperinci JavaScript鼠标事件是什么?JavaScript鼠标事件详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan