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

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

jQuery基础(三)—事件篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121939
免费课程
                                
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
                                逻辑清晰

全部评论问答未解决精华

墨光

学到这真不容易，虽然看到评论很多吐槽。但是自己也学会了很多，纪念一下

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

2016-09-04

南飞雁回故乡

经实测，focusin 和focus在此案例中效果是相通的
但是：focus事件本身是不冒泡的，但是focusin可以，动态添加元素时，用focusin就不需重新绑定焦点事件，通过冒泡就能触发

我查的资料

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

2016-09-03

哈姆雷特的眼泪

这一节挺有意思的

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

2016-09-03

攻城3707672

trigger调用已写好的事件触发另一个

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

2016-09-03

瑜伽兔子

看到一个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

610661

两个测试中的变量n共用了，修改其中一个变量名就互不影响了，这个应该叫做全局变量污染吧

2 5-3 卸载事件off()方法

2016-09-02

爱学习的阿波

window.getSelection(),获取选中文字

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

2016-09-02

首页上一页 74 75 76 77 78 79 80 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(三)—事件篇