为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础(三)—事件篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(三)—事件篇

Aaron艾伦 Web前端工程师
难度入门
时长 1小时47分
  • focus和blur不支持冒泡,而focusin和focusout支持冒泡
    查看全部
  • mouseover事件会冒泡,而mouseenter事件阻止事件冒泡
    查看全部
  • $('#target2').submit(function() { alert('捕获提交表达动作,阻止页面跳转') return false; });
    查看全部
  • $(this).find('p:last').html('移动的X位置' + e.pageX)
    查看全部
  • trigger会触发浏览器默认行为,比如光标聚集,triggerHandler则不会,它只会显示文本,触发focus事件函数
    查看全部
  • 经过简单的实验,觉得event是实际的触发事件的元素,而this是给哪个元素绑定了事件,结合这个例子 event是li,this是ul
    查看全部
  • jq和js用什么方法阻止冒泡 js w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true jq常用的方法有 return false 和 e.preventDefault()
    查看全部
  • 事件冒泡与事件捕获的一些区别: 事件冒泡就像可乐的气泡一样,气泡从底往上,而事件冒泡从触发的那个元素一路向该元素的父元素,父元素的父元素,······,根元素这样传播; 事件捕获正好相反,像捕猎一样,先把猎物大的范围确定了,再逐步缩小范围,最后抓到猎物,事件捕获先从根元素开始,沿着DOM树向下,直到目标元素。
    查看全部
  • keydown()、keyup()事件监听,可以做成放大镜 <div class="aaron">监听keyup输入: <input class="target2" type="text" value="" /><br /> 松手显示输入的值:<em ></em> </div> <script type="text/javascript"> //监听键盘按键 //获取输入的值 $('.target2').keyup(function(e) { $("em:last").text(e.target.value) }); </script>
    查看全部
  • 冒泡处理:也可以从字面意思理解为,气泡在水中会向上浮动。那么我们现在就解释什么是气泡浮动就好了。 气泡:也就是所谓的触发事件。 向上浮动:不仅会触发自身的事件,而且还会一级一级地向上浮动查找祖辈节点的同效果事件,直到根节点为止,没完没了。 举例:在#div1 中有个子元素 #div2 定义:#div1 的mouseout事件; #div2 的mouseout事件 效果:当触发#div2 的mouseout事件时,一定会触发#div1 的mouseout事件。因为#div2触发事件后,它还没完,还会向上一级级查找祖辈们有没有定义相同的mouseout事件,如果有就触发,这里显然有定义#div1的mouseout事件,而且#div1还是#div2的父辈元素,所以会触发#div1的mouseout事件。(这里说的有点多,显得有点累赘,主要是想让你能理解。) 如果把mouseout事件 替换成 mouseleave事件就不会了,因为mouseleave事件,只会触发自身的事件,不会冒泡祖辈们,让他们安静一点。
    查看全部
  • mousedown事件触发需要以下几点: mousedown强调是按下触发 如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作mousedown事件 任何鼠标按钮被按下时都能触发mousedown事件 用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3 mouseup事件触发需要以下几点: mouseup强调是松手触发,与mousedown是相反的 mouseup与mousedown组合起来就是click事件 如果用户在一个元素上按下鼠标按键,并且拖动鼠标离开这个元素,然后释放鼠标键,这仍然是算作mouseup事件 任何鼠标按钮松手时都能触发mouseup事件 用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3 另外需要注意的是: click与mousedown的区别: click事件其实是由mousedown于mouseup 2个动作构成,所以点击的动作只有在松手后才触发
    查看全部
  • 代码中的e.target返回的是绑定这个事件的DOM对象, 是DOM对象不是Jquery对象, 所以e.target后面跟的属性是js中的属性和方法, jquery中的属性和方法用不了,要用jquery的属性方法,要转化为Jquery对象$(e.target).val().
    查看全部
  • focus与blur事件:不支持冒泡,focusin与focusout支持冒泡
    查看全部
  • 注意: select()事件只能用于<input>元素和<textArea>元素
    查看全部
  • focus和blur不支持冒泡事件,focusin和focusout支持冒泡事件
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery事件处理
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!