我是如何去了解jquery的(三),事件之点击事件,光棍节特献
嘿嘿,今天是传说中的百年难得一遇的神棍节,先祝愿所有的光棍们明年能过上父亲节哈!
虽然关于jquery回忆录已经三天了,但节奏还是很慢,主要是照顾新人们了,因为可能每个人的接受能力不同,有的人,拿起jquery API看一下就知道怎么用了,有的人可能连事件是什么都不清楚,勤能补拙吧,多努努力,别把时间浪费在牢易做图上,当然,我写这个可不是因为无事可做了,也不是所谓的大无谓分享精神,我也不是老师,只是对以往知识的一种梳理,又正好老婆要转向前端,所以我以她的接受能力来讲解,可能下次我回录下视频吧,不过前面的都还很简单,可以用文字来描述,我的技术有限,如果有不正确的地方,欢迎大伙指正。另设Q易做图流:70210212.
说到事件,到底神马才是事件呢?所谓事件:就是你主动对页面上发出的任何指令,然后它对指令产生了回应,这就是事件了,你的任何操作都会产生一个信号,例如,你点击了鼠标,系统就会去处理鼠标点击这个事件了,再例如,你按下了键盘,键盘的事件就触发了,这似乎是很理所当然的事,但我能不能点键盘的时候触发鼠标的事件呢?这个要求似乎有点过分了,实际上是不是可行的呢?一半一半吧,为什么会说一半一半呢,这里就要引入一个概念了,系统事件和用户事件,比如你想打开一个页面时想调用Ctrl+D,添加收藏夹,这样是不行的,必须使用键盘操作。说得有点绕口了,还是看图讲故事吧,请看大屏幕↓
事件类又分键盘事件和鼠标事件,如下图:
是不是有点小复杂了?这些都只作参考,因为我们今天要讲的只是鼠标事件中的一个小小的Click事件,所以不要被吓着了。 click事件是在鼠标点击后松开时触发的,这里就有有个问题了,如果我一个页面上有个按钮,我在body上写了一个事件方法,然后点击按钮,这时会不会触发body的点击事件了?好,我们看代码:
html:
<input type="submit" id="mybtn" value="提 交"/>
js:
console.log("this is button");
e.preventDefault();
});
$("body").click(function(){
console.log("this is body");
});