第一百三十九章 鼠标的移动

这一章就讲一个事件,mousemove 鼠标的移动。当鼠标在选中对象的上方移动的时候,事件被触发。

哦,真讨厌,我又一句话,哦,不,两句话,把这个事情给讲完了。

从上一章开始,大家一定以为已经摸清了这个套路。然而事情怎么可能那么简单,小老鼠怎么可能那么容易被你们猜透。我们只是把复杂的东西略去,先讲最容易理解的地方。

前面这些事件,都挺好理解的。但是事件的发生,真的就简单到只是一个时间点吗?我们写作文的时候,还要讲究时间,地点,人物,谁?在哪里?什么时候?做了什么……所以事件不简单,就算只是那一个时间点,我也要知道在那个时间点里的许多数据,才能够更好的决定,我们的程序应该去做什么。

这样一说,好像又很复杂了。难道我们要去想办法获取这么多的数据?

其实这个数据,程序已经给我们准备好了,并在事件发生的时候主动交给我们。当然如果我们用不到,可以拒收啊。很显然,我们在前面的讲解中都选择了拒收这些数据。

现在聊到这里了,那我们就把这些数据收下来看看吧。

在这些事件中,一旦事件被触发,它在调用绑定函数的同时,会向这个函数传递一个参数。我们刚才说那么多数据,现在只有一个参数……所以这个参数是一个对象,它可以包含许多的数据。

那它都包含哪些数据呢?你可以去查文档啊!反正我是记不住,但是基本上你用得到的数据它都会提供。我说的是相关的数据啊喂,今天中午吃什么之类的,它是不会管的。

有点跑题了,不过记不住的时候我们试一下就好了。对于一个类型为对象的数据,也没有必要非得进行遍历,直接将它输出到控制台,我们一样可以查看。

说的不少了,于是写一下代码吧,假装我们这里有一个按钮,这么基础的地方我就不写了:

$(document).ready(function(){$('#button').click(function(event){ console.log( event ) })})

我们就是让这个函数接收一个参数,并将它输出出来。然后你会发现它包含了一大堆数据,总之比你想象中的要多得多。它们都是什么意思,用来做什么用的……你可以去搜索呀,反正我是讲不过来了。

大概的它有当前发生事件的元素是哪个,鼠标的坐标在哪里,发生了什么事件……

其实,我就是挨个分析一遍,大家也记不住。到实际需要的时候再去研究吧,只要知道有这么个事情,有这么一大堆数据可以供你去利用,就好。

如果想要做练习的话,但我估计你们都不想,虽然我几乎每一章都说一次,但是我猜一定没有几个人动手(反正也没有几个人读我的教程

大家可以尝试,在每一次鼠标点击之后,显示出点击位置的坐标。或者在鼠标移动的过程中,实时的显示当前鼠标的坐标……

原文链接:https://www.ek58.com/archives/3803,转载请注明出处。

0

评论0

请先

没有账号? 注册  忘记密码?