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

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

jQuery基础(三)—事件篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

瑜伽兔子

看到一个sample里面冒泡三次也是醉了

2016-09-02

OlderSkee

注意
触发默认事件不等于触发冒泡

默认事件在这个案例里的表现是选中input 【光标】会存在在里面

如果在triger里想要阻止冒泡
仍然需要e.stopPropagation
或者是return false

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

2016-09-02

OlderSkee

function update(first,last,bottonName) {
first.text(bottonName);
last.text(n + 1);
}
这里的first是指第一个span last是第二个span
bottonName是通过
$("button:first").trigger('click','last');
传递过来的这里的last ，
那么判定倒是是last button 还是first呢
bottonName = bottonName || 'firstaa';
这里即是

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

2016-09-02

OlderSkee

return false 等同于
event.preventDefault() 方法：阻止默认行为
event.stopPropagation() 方法：阻止事件冒泡
之和

1 6-2 jQuery事件对象的属性和方法

2016-09-02

OlderSkee

this 是事件源，也就是ul
e.target 是点击的目标，字面意思就是 event 的target 也就是事件（点击）的目标，

2 6-1 jQuery事件对象的作用

2016-09-02

OlderSkee

只能委托给父元素或者祖先元素，
$('.aaron').on('click', 'a', function(e) {
alert(e.target.textContent)
})
也就是事件绑定在.aaron上，但是用户触发在a元素上。
如果提供了第二参数，也就是a，那么事件在往上冒泡的过程中遇到了a，将会触发事件回调函数

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

2016-09-02

OlderSkee

弹三次是事件冒泡
具体如下
$("input").select(function(e){
alert(e.target.value)
e.stoppropagation()
// return false;

})

e.stoppropagation()是阻止该事件冒泡的方法
等同与return false

2 3-3 jQuery表单事件之select事件

2016-09-02

OlderSkee

focus:当focusable元素获得焦点时，不支持冒泡；
focusin:和focus一样，只是此事件支持冒泡；
blur:当focusable元素失去焦点时，不支持冒泡；
focusout:和blur一样，只是此事件支持冒泡；

0 2-9 jQuery鼠标事件之focusout事件

2016-09-02

OlderSkee

function a() { }
定义a函数

a();立即调用，页面加载时就执行的意思

两个函数概括成一个就是：

$("input:last").focusin('慕课网', function(e) {
$(this).val(e.data)
}

0 2-8 jQuery鼠标事件之focusin事件

2016-09-02