jQuery基础(三)—事件篇_技术问答

首页免费课 jQuery基础(三)—事件篇问答

jQuery基础(三)—事件篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121937
免费课程
                                
jQuery基础(二)—DOM篇
入门·114014
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211526
免费课程
                                
jQuery基础(四)—动画篇
初级·85052
免费课程
                                
jQuery基础 (一)—样式篇
入门·217508
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71441
免费课程
                                
                难度入门
            
                时长 1小时47分
            
                学习人数
            
综合评分8.67
                            627人评价
                        查看评价
                                9.2
                                内容实用
                            
                                8.5
                                简洁易懂
                            
                                8.3
                                逻辑清晰

全部评论问答未解决精华

muke_Lat

事件本身很好理解，无非就是mouseenter方法阻止了事件冒泡阶段的发生，即当内部元素发生事件响应时，外部存在相同事件不会发生。而mouseover执行冒泡阶段，当内部元素发生事件响应时，外部存在相同事件也会发生。上述右侧例子中，把a元素中文本分别改为：p元素mouseover事件触发次数跟 div元素mouseover事件触发次数更好理解，你们觉得呢？？？？

1 2-5 jQuery鼠标事件之mouseenter与mouseleave事件

2018-03-05

yetShrimp

感觉这就是mouseenter和mouseover的区别所在了

0 5-2 on()的高级用法

2018-03-02

血月孤狼

敲代码是件枯燥的事，更别说看代码了，所以很多人到最后都放弃了

2 3-4 jQuery表单事件之submit事件

2018-03-02

慕粉1553228527

教程说的是【没有错的】【没有错】【没有错】
如果在一个元素按住了鼠标不放，并且拖动鼠标离开这个元素，并释放鼠标键，这仍然是算作mousedown事件

【因为】释放鼠标键的时候，一样会触发mouseup事件，但是已经离开了这个元素【不在这元素中，当然不会触发【这个元素的】mouseup】

看了上面，那mouseup那段话【也】能理解了

2 2-2 jQuery鼠标事件之mousedown与mouseup事件

2018-02-15

Cavalier7

trigger触发的click事件冒泡到绑定了点击事件的div#acident。

0 7-2 jQuery自定义事件之triggerHandler事件

2018-02-13

传说中的高手

意思就是：绑定了委托事件元素的子元素都会向上冒泡，但只有符合选择表达式的元素接收到冒泡事件（或者自己满足触发条件）时才会触发function

1 5-2 on()的高级用法

2018-02-11

传说中的高手

意思就是：绑定了委托事件的子元素都会向上冒泡，但只有符合选择表达式的元素接收到冒泡事件（或者自己满足触发条件）时才会触发function

0 5-2 on()的高级用法

2018-02-11

z897952414

trigger 用来在一个元素上执行另一个元素绑定事件（原生或者自定义），并且支持传输数据；

0 7-1 jQuery自定义事件之trigger事件

2018-02-07

z897952414

target是当前事件执行的第一个具体DOM对象，这个DOM对象不变
this是事件冒泡到DOM树的哪个对象，this就指向哪个对象，改变的

0 3-2 jQuery表单事件之change事件

2018-02-07

z897952414

div--->是一个不能聚焦的；
所以你聚焦和失去焦点在div元素是没用的；
当你设置focusin focuout的时候
点击他的可聚焦子元素就会冒泡到div绑定的事件
当你设置focus blur时：
你点击子元素input，他不会向上传，导致div不知道有这个事件；

另外，如果想让div等元素也可以聚焦就div标签内加上tabindex="value"元素
value为正数就是点击
负数为tab

2 3-1 jQuery表单事件之blur与focus事件

2018-02-07

z897952414

$(selector).hover(handlerIn, handlerOut)---->css selector:hover{xxxx}鼠标悬浮修改样式，移出恢复

0 2-7 jQuery鼠标事件之hover事件

2018-02-07

z897952414

mouseleave mouseenter
只会在当前绑定元素执行，不会冒泡执行父元素的事件
mouseover mouseout
冒泡执行父元素事件

2 2-5 jQuery鼠标事件之mouseenter与mouseleave事件

2018-02-07

z897952414

测试三
定义两个函数
a()定义了data，在调用data函数
data（）动态输入变量
然后最下面在调用a（）

0 2-4 jQuery鼠标事件之mouseover与mouseout事件

2018-02-07

z897952414

e--->event
是触发事件的元素

0 2-3 jQuery鼠标事件之mousemove事件

2018-02-07

IT种子选手

你们把$('body')换成$('div')和$('p')，试一下效果更容易理解

1 5-2 on()的高级用法

2018-02-06

首页上一页 7 8 9 10 11 12 13 下一页尾页

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的基础语法 2、jQuery事件处理

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(三)—事件篇