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

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

jQuery基础(三)—事件篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

慕粉1513533509

为什么只能看第一个，

0 1-1 jQuery基础(三)—事件篇课程介绍

2017-04-25

ThinkAll

$("#result").html($(e.target).val())感觉这种方法更完美一点，你们可以试试将下拉单选框改为下拉多选框 <select class="target2" multiple="multiple">，而用$("#result").html(e.target.value)是获取不了两个值的。。。

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

2017-04-25

夏天_101

//给input元素增加一个边框
$(".str1").children("input").focus(function() {
$(this).css('border','2px solid red')
})

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

2017-04-25

洋葱_dot

看了candy同学的说法，瞬间懂了

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

2017-04-24

ThinkAll

想全屏真难...我只德默默地改了h2的宽度。。。。。这样鼠标就不会划过它了。。。

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

2017-04-24

子夜o阳光

setTimeout(function(){$("em").text(e.target.value)},0);
试试改成这样，有惊喜！

1 4-2 jQuery键盘事件之keypress()事件

2017-04-23

浑浑噩噩的猿

不好意思，提一个和置顶“衔一枝瑰晴”不同的表达方式：
focus和blur只能捕获到被绑定的元素（在本例中是div），当绑定元素被聚焦或移开时，事件函数才能被激发，也就是说它只能监听自己，不能监听子元素
focusin和focuout如果绑定在父元素上，当它或者它的子元素被聚焦或移开后，事件函数都能被激发，也就是说它不仅能监听到自己，还能监听到子元素

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

2017-04-23

shan330

没太懂。。看了问答还是有点懵

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

2017-04-23

shan330

event.type：获取事件的类型
event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标
event.preventDefault() 方法：阻止默认行为(可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了)
event.stopPropagation() 方法：阻止事件冒泡
event.which：获取在鼠标单击时，单击的是鼠标的哪个键
event.currentTarget : 在事件冒泡过程中的当前DOM元素

.this和event.target都是dom对象

有点多，记不住啊，要熟用~

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

2017-04-23

shan330

/* $("ul").on('click',function(e){
alert('触发的元素是内容是: ' + e.target.textContent+e.target.nodeName)
})*/
$('ul').on('click','li',function(e){
alert(e.target.textContent+e.target.nodeName)
})
//有li在中间是事件委托，是给每个li添加事件，委托给ul，所以点击前面ul里面的小黑点没有效果，因为ul上没有事件。
//没有li是冒泡，给ul整个包含li添加了事件。

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

2017-04-23

Skyrunner

jquery教程太水了，免费的就乱来？老师用点心行吗？

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

2017-04-23

shan330

文本内容改变同时失去焦点就会触发，缺一不可。

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

2017-04-22

shan330

给父元素绑定事件blur和focus，点击子元素，不会冒泡到父元素上，就不会产生效果。
给父元素绑定事件focusin和focusout，点击子元素（因为focusin和focusout事件能在子元素中产生），触发focusin
或者out事件，换言之，就是冒泡到父元素，产生效果。

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

2017-04-22

shan330

我又回来啦。。

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

2017-04-22

夜雨星缘

最后两篇没看明白

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

2017-04-21

首页上一页 35 36 37 38 39 40 41 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(三)—事件篇