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

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

jQuery基础(三)—事件篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

motivate

事实上，事件冒泡没有被抑制，mouseover,mouseenter都会向父级传递事件
区别在于：当子级发生鼠标移入事件(over或enter)时，本节点的mouseover会触发，而mouseenter不会触发。
这就形成了抑制事件冒泡的假象。
一般情况下，这正是我们想要的：
只要用了mouseenter，就不在响应子级的鼠标移入事件，即：鼠标在这个节点内无论如何移动，都不会触发。
ps：目前的高评大多说错。

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

2016-11-05

慕牛流马4018449

测试二三，都是N，会出现计数混乱

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

2016-11-05

厉害Sin

我自己的总结：
如果对父元素使用了mouseenter()，那么将会对子元素的mouseover（）进行阻止冒泡。
而如果父元素使用mouseover（），那将不会对子元素的mouseover（）进行阻止冒泡。

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

2016-11-05

qq_慕移动3387380

看完后表示没看懂，以后再来填坑吧

2016-11-05

码伍

return false;阻止默认事件，js里面内容了，大家没有忘记吧，哈哈，其实就是是来撑楼的

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

2016-11-04

qq_石穿_04236850

测试三：
n这个参数改成y不然跟测试2容易混淆，
个人理解我只要进入a方法(也就是说第一个P元素中)我就触发一次事件(data) data方法被触发一下我就在a元素中++n一次

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

2016-11-04

off()方法删除mousedown事件之后, n为什么每次加2, 而不是加1 ?

已采纳回答 / 慕妹7508549

你没有发现你没有删除之前是加4吗？ $(".aaron:first").on('mousedown mouseup', function(e) { $(this).text( '触发类型:' + (e.type) + ",次数" + ++n) ++n; })这个地方你做了现两次++n

3 回答 2227 浏览 5-3 卸载事件off()方法

2016-11-04

不拘艺格

.on("mousedown mouseup", function(e){

})
.on({
mousedown:function(){
},
mouseup:function(){
}
})

2 5-1 on()的多事件绑定

2016-11-03

为什么body的点击事件只有id=msg的那个div里面能触发，body不是包含住整个页面吗

已采纳回答 / 慕粉4277848

因为第49行代码 event.stopPropagation(); //阻止事件冒泡 Id 为 content 的<div>在触发 click 事件后是不会冒泡的，因此传播到 <body> 节点,所以运行结果为“外层div元素被单击”，同理，如果内层span元素被单击，结果显示为(1)“内层span元素被单击”(2)“外层div元素被单击”，第二个结果是由于span冒泡产生的，但由于 <div id="content">阻止了事件冒泡，所以冒泡就停留在了这层，不会...

4 回答 2283 浏览 6-2 jQuery事件对象的属性和方法

2016-11-03